Vue与React的区别

简介

Vue和React都属于前端开发热门框架，React是facebook创建的javascript UI框架，Vue是尤雨溪2014年开发的一款框架，两者既有相同点，又有不同点。

相同点

1. 两者都是使用虚拟DOM来渲染页面，所谓的虚拟DOM就是如果需要改变元素的状态，就需要先改变虚拟DOM，然后进行计算，进而改变真实DOM渲染。
2. 针对于虚拟DOM渲染的计算方式都是当虚拟DOM发生变化后，紧接着会根据当前的计算，算出DOM树发生变化的地方，然后针对变化的地方，重新进行页面渲染。
3. 组件化
   两者都是建议使用组件化，这样方便模块化管理，也能够对组件进行复用。
4. 状态管理和路由
   Vue有着自己的 vuex状态管理 和 vue-router路由，React有 redux状态管理 和 react-router路由，React有着很多状态管理

不同点

1. JSX语法 与 模板语法
   React推荐使用js扩展语法-JSX,而Vue则推荐使用模板语法，这样可以写的更贴近于HTML元素，只是多了一些指令集
2. 状态管理
   React推崇的是状态管理，react 当中的 state 属性，是对react数据的一种管理，state本身并不能够被修改，但是如果数据需要被改变，那么就要使用setstate来进行改变，从而重新计算虚拟DOM，进行页面重新渲染。
   Vue则没有这种概念，vue中的data数据并没有特定的要求一定要有。也不存在setstate进行修改。在vue中，data只是负责对页面中的数据进行保管而已。