![[不失礼貌的微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_16.9d17f6d.png)
用户6698206112982
获得徽章 0
赞了这篇沸点
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇沸点
React 和Vue
相同点：
1、都支持服务端渲染；
2、都有虚拟DOM，组件化开发，通过props传参进行父子组件数据的传递；
3、都是数据驱动视图；
4、都有支持native的方案（react native，weex）；
5、都有状态管理方案（redux，vuex）；
不同点：
1、react严格意义上只能算是MVC的view层，vue则是MVVM模式；
2、虚拟DOM不一样，vue会跟踪每一个组件的依赖关系，不需要重新渲染整个组件树，而对于react而言，每当应用的状态被改变时，全部组件都会重新渲染，所以react中会需要shouldComponentUpdate这个生命周期方法来进行控制；
3、组件写法不一样，react推荐的做法是jsx+inline style，也就是把html和css全部写进javascript
4、数据绑定：vue实现了双向绑定，而react的数据流动是单向的；
5、state对象在react应用中是不可变的，需要使用setState方法更新状态；在vue中，state对象不是必须的，数据有data属性在vue中管理
相同点：
1、都支持服务端渲染；
2、都有虚拟DOM，组件化开发，通过props传参进行父子组件数据的传递；
3、都是数据驱动视图；
4、都有支持native的方案（react native，weex）；
5、都有状态管理方案（redux，vuex）；
不同点：
1、react严格意义上只能算是MVC的view层，vue则是MVVM模式；
2、虚拟DOM不一样，vue会跟踪每一个组件的依赖关系，不需要重新渲染整个组件树，而对于react而言，每当应用的状态被改变时，全部组件都会重新渲染，所以react中会需要shouldComponentUpdate这个生命周期方法来进行控制；
3、组件写法不一样，react推荐的做法是jsx+inline style，也就是把html和css全部写进javascript
4、数据绑定：vue实现了双向绑定，而react的数据流动是单向的；
5、state对象在react应用中是不可变的，需要使用setState方法更新状态；在vue中，state对象不是必须的，数据有data属性在vue中管理
展开
评论
2
赞了这篇文章
赞了这篇沸点
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章