Vue、 React比较

关键词：MVVM（Model-View-VIewModel）数据模型双向绑定。视图的数据变化会同时修改数据资源，数据资源的变化也会立刻反应到视图View上。

一.vue.js

vue是一套构建用户界面的渐进式框架。采用自底向上的增量开发的设计。vue的核心在于只关注视图层，已于上手，便于和第三方库或既有项目整合。

二.React

react和vue有很多相似之处，它们都有：

① 使用virtual DOM

② 提供了响应式和组件化的视图组件

③ 将注意力几种保持在核心库，而将其他功能如路由和全局状态管理交给相关的库

三.二者的区别

在运行性能方面，react和vue都是非常快的。

优化方面：

在react应用中，当某个组件的状态发生变化时，它会以该组件为根，重新渲染整个组件子树。

如要避免不必要子组件的冲渲染，需要在所有可能得地方使用PureComponent，或者手动实现shouldComponentUpdate方法（默认为true）。

 

然而，使用 PureComponent 和 shouldComponentUpdate 时，需要保证该组件的整个子树的渲染输出都是由该组件的 props 所决定的。如果不符合这个情况，那么此类优化就会导致难以察觉的渲染结果不一致。这使得 React 中的组件优化伴随着相当的心智负担。

在 Vue 应用中，组件的依赖是在渲染过程中自动追踪的，所以系统能精确知晓哪个组件确实需要被重渲染。你可以理解为每一个组件都已经自动获得了 shouldComponentUpdate，并且没有上述的子树问题限制。

Vue 的这个特点使得开发者不再需要考虑此类优化，从而能够更好地专注于应用本身。