2019.8.21

对比其他框架-React

React 和 Vue 有许多相似之处,它们都有使用 Virtual DOM;提供了响应式(Reactive)和组件化(Composable)的视图组件。将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库。React 比 Vue 有更丰富的生态系统


都有支持native的方案,React的RN,vue的Wee下


都支持SSR服务端渲染


都支持props进行父子组件间的通信


性能方面:React 和 Vue 在大部分常见场景下都能提供近似的性能。通常 Vue 会有少量优势,因为 Vue 的 Virtual DOM 实现相对更为轻量一些。


不同之处就是:


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

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

state对象在react应用中不可变的,需要使用setState方法更新状态;在vue中,state对象不是必须的,数据由data属性在vue对象中管理(如果要操作直接this.xxx)

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



对比其他框架-angular

在性能方面,这两个框架都非常的快,我们也没有足够的实际应用数据来下一个结论。如果你一定想看些数据的话,你可以参考这个第三方跑分。单就这个跑分来看,Vue 似乎比 Angular 要更快一些。


在大小方面,最近的 Angular 版本中在使用了 AOT 和 tree-shaking 技术后使得最终的代码体积减小了许多。但即使如此,一个包含了 vuex + vue-router 的 Vue 项目 (30kb gzipped) 相比使用了这些优化的 Angular CLI 生成的默认项目尺寸 (~130kb) 还是要小的多。


灵活性:Vue 相比于 Angular 更加

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一,vue是什么? Vue.js(读音 /vjuː/, 类似于view) 是一套构建用户界面的渐进式框架。与其他重...
    不成才的IT狗阅读 3,160评论 0 31
  • 翻译说明: 意译, 中英对照, 重新分段排版以便于阅读。原文: Change And Its Detection ...
    萧哈哈阅读 530评论 0 0
  • 正如我们之前提到的,WordPress 的核心团队正争论着为应该将哪款(前端框架)加入现在的架构之中。目前看来,暂...
    千锋H5阅读 1,743评论 4 24
  • 想来,荷包蛋是再家常不过的菜了。做法不难,家家户户都可做之。荷包蛋呈半月状,在我家那边也称之为蛋饺,取其形似饺子之...
    若有人兮阅读 891评论 7 1
  • 三好学生 好看和好听。 如果不好玩,再牛的老师也和我无关。 如果不好笑,再牛的课程也想睡觉。 如果不好用,再牛的培...
    whalecao阅读 172评论 0 0