码迷,mamicode.com
首页 > 其他好文 > 详细

react和vue的比较

时间:2020-05-04 21:08:42      阅读:58      评论:0      收藏:0      [点我收藏+]

标签:update   直接   script   set   必须   react   实现   native   依赖关系   

一、相同点

1.都有组件化开发和Virtual DOM

2.都支持props进行父子组件间数据通信

3.都支持数据驱动视图,不直接操作真实的DOM,更新状态数据界面就自动更新

4.都支持服务器端渲染

5.都有支持native的方案,react的react native vue的weex

二、不同点

1.数据绑定:vue实现了数据的双向绑定,react数据流动是单项的。

2.组件写法不一样,react推荐的是JSX,也就是把HTML和css全部都写进JavaScript, vue推荐的做法是 webpack+vue-loader的单文件组件格式,即html,css,js写在同一个文件。

3.state对象在react应用中不可变的,需要使用setState方法更新状态,在vue中,state对象不是必须的,数据由data属性在vue对象中管理

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

5.react严格上只针对MVC的view层,vue则是MVVM模式

react和vue的比较

标签:update   直接   script   set   必须   react   实现   native   依赖关系   

原文地址:https://www.cnblogs.com/web-zxq/p/12828137.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!