简介
Vue和React都属于前端开发热门框架,React是facebook创建的javascript UI框架,Vue是尤雨溪2014年开发的一款框架,两者既有相同点,又有不同点。
相同点
- 两者都是使用虚拟DOM来渲染页面,所谓的虚拟DOM就是如果需要改变元素的状态,就需要先改变虚拟DOM,然后进行计算,进而改变真实DOM渲染。
- 针对于虚拟DOM渲染的计算方式都是当虚拟DOM发生变化后,紧接着会根据当前的计算,算出DOM树发生变化的地方,然后针对变化的地方,重新进行页面渲染。
- 组件化
两者都是建议使用组件化,这样方便模块化管理,也能够对组件进行复用。 - 状态管理和路由
Vue有着自己的 vuex状态管理 和 vue-router路由,React有 redux状态管理 和 react-router路由,React有着很多状态管理
不同点
- JSX语法 与 模板语法
React推荐使用js扩展语法-JSX,而Vue则推荐使用模板语法,这样可以写的更贴近于HTML元素,只是多了一些指令集 - 状态管理
React推崇的是状态管理,react 当中的 state 属性,是对react数据的一种管理,state本身并不能够被修改,但是如果数据需要被改变,那么就要使用setstate来进行改变,从而重新计算虚拟DOM,进行页面重新渲染。
Vue则没有这种概念,vue中的data数据并没有特定的要求一定要有。也不存在setstate进行修改。在vue中,data只是负责对页面中的数据进行保管而已。