资讯专栏INFORMATION COLUMN

React和Vue对比

davidac / 1142人阅读

摘要:首次发表在个人博客相同点都支持服务器端渲染都有组件化开发通过参数进行父子组件数据的传递都实现规范数据驱动视图都有支持的方案的的不同点严格上只针对的层则是模式不一样会跟踪每一个组件的依赖关系不需要重新渲染整个组件树而对于而言每当应用的状

首次发表在个人博客
相同点

都支持服务器端渲染

都有Virtual DOM,组件化开发,通过props参数进行父子组件数据的传递,都实现webComponent规范

数据驱动视图

都有支持native的方案,React的React native,Vue的weex

不同点

React严格上只针对MVC的view层,Vue则是MVVM模式

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

组件写法不一样, React推荐的做法是 JSX + inline style, 也就是把HTML和CSS全都写进JavaScript了,即"all in js"; Vue推荐的做法是webpack+vue-loader的单文件组件格式,即html,css,jd写在同一个文件;

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

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

后续将会对vue和react的这些对比做详细的分析讲解,敬请期待?

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/92243.html

相关文章

  • VueReact Angular横向比对(数据对比

    摘要:同比与去年同期的同比变化率。我们对调查报告进行分析数据统计时间与本文时间差距较远,数据存在延后。这意味着你可以获得语法高亮,支持以及更容易使用预处理器如或。的是一个类似语法的可选预处理器,并可在中进行编译。 一些历史 Angular 是基于 TypeScript 的 Javascript 框架。由 Google 进行开发和维护,它被描述为超级厉害的 JavaScript MVW 框架...

    fxp 评论0 收藏0
  • Vue React 简单对比

    摘要:单文件直接引入虚拟虚拟区域挂载区域参数值第二个参数值数据驱动数据源初始化,定义在或里在里数据渲染插值渲染支持表达式表达式列表渲染里生成元素集合条件渲染条件渲染动态绑定数据更新重新赋值更新数据指令添加动态切换行间写法事件写法事件处理函 / Vue React 单文件直接引入 vue.js react.js + react-dom.js + babel.js 虚拟DOM √ ...

    tomorrowwu 评论0 收藏0
  • 浅谈MVC,MVP,MVVM渐进变化及ReactVue比较

    摘要:将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库。此示例使用类似的语法,称为。执行更快,因为它在编译为代码后进行了优化。基于的模板使得将已有的应用逐步迁移到更为容易。 前言 因为没有明确的界定,这里不讨论正确与否,只表达个人对前端MV*架构模式理解看法,再比较React和Vue两种框架不同.写完之后我知道这文章好水,特别是框架对比部分都是别人说烂的,而我也是打算把...

    DrizzleX 评论0 收藏0
  • Svelte 前端框架探索

    摘要:苗条的框架正是作者的初始目的,苗条包括代码编写量打包大小等等。是已经编译后的组件有什么缺点是一个刚起步不久的前端框架,无论在维护人员还是社区上都是大大不如三大框架,这里列举一下本人认为的存在的缺点。 Svelte 的作者也是 rollup 的作者 Rich Harris,前端界的轮子哥。sevlte 项目首次提交于 2016 年 11 月 16 日,目前版本是 3.6.1(2019-0...

    Euphoria 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<