react 和 vue 的区别

最近参加面试，都会问到这个问题，所以就了解一下，记一下。

1. vue 是基于 MVVM 模式的框架，而且支持数据双向绑定。
   react 是基于 MVC 模式的框架，支持数据单向流动。

2. vue 使用模版语法创建组件，即 html，css， js 写在同一个文件。
   react 引入了一种新的语法：JSX，即可以在 js 中书写 html 代码。

3. react 将数据写在 state 中，并且不能直接改变 state，需通过 setState修改。
   vue 中可以不写 state，数据写在 data 中。

4. virtual DOM不一样，vue 会跟踪每一个组件的依赖关系，不需要重新渲染整个组件树。
   react 中，每当应用的状态被改变时，全部组件都会重新渲染，所以需要 shouldComponentUpdate 这个生命周期函数方法来进行控制。react 中，每当应用的状态被改变时，全部组件都会重新渲染，所以需要 shouldComponentUpdate 这个生命周期函数方法来进行控制。