Vue和React

Vue和React

相似之处

虚拟DOM

vue 和 react 中都使用了虚拟DOM（virtual DOM）技术。

组件化

Vue和React都提倡组件化。


不同之处

设计理念

  • React更偏向于构建稳定大型的项目

  • Vue偏向于小型灵活的项目


模板语法

Vue：接近HTML的语法。

React：JS语法拓展——JSX，它只是JavaScript混合着XML语。


组合功能方式

  • React一开始使用mixin，后来转HoC（高阶组件）。高阶组件的本质是高阶函数，而React的组件是一个纯粹的函数。所以，React使用HoC很简单。

  • Vue一直都是使用mixin。Vue中的组件是一个被包装的函数，Vue经过一系列处理才返回高阶组件的。所以，处理起来没有那么方便。


数据流

Vue：Vue2.0之后，父子组件变成了单向绑定。

React：从一开始就不支持双向绑定，使用的是单向数据流。


状态管理

  1. Redux 使用的是不可变数据，而Vuex的数据是可变的。Redux每次都是用新的state替换旧的state，而Vuex是直接修改。

  2. Redux 在检测数据变化的时候，是通过 diff 的方式比较差异的，而Vuex其实和Vue的原理一样，是通过 getter/setter来比较的。

评论(0)

评论