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)

评论