博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
个人愚见: React 和 Vue 区别
阅读量:6907 次
发布时间:2019-06-27

本文共 841 字,大约阅读时间需要 2 分钟。

一. 相似之处

  1. 它们都是前端优秀的UI库
  2. 使用 Virtual DOM快速渲染
  3. 提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。
  4. 都支持服务端渲染
  5. 将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库。

二. 不同之处

  1. 性能方面

    React 组件的状态有变化时,它会以该组件为根,重新渲染整个组件子树,需要使用PureComponent,或是实现shouldComponentUpdate(15)、getDerivedStateFromProps(16)方法进行优化

    Vue 使得开发者不再需要考虑此类优化,从而能够更好地专注于应用本身。

  2. 数据的可变性

    React 它是函数式的思想,把组件设计成纯组件,状态和逻辑通过参数传入,所以在react中,是单向数据流,推崇结合immutable来实现数据不可变。在setState之后会重新走渲染的流程,如果shouldComponentUpdate(15)返回的是true或getDerivedStateFromProps(16)返回的不是null,就继续渲染,如果返回了false,就不会重新渲染,PureComponent就是重写了shouldComponentUpdate,然后在里面作了props和state的浅层对比

    Vue 它是响应式的思想,也就是基于是数据可变的,通过对每一个属性建立Watcher来监听,当属性变化的时候,响应式的更新对应的虚拟dom

  3. 渲染方式

    React 他的思路是all in js,通过js来生成html,设计了jsx,通过js来操作cssVue 提供了渲染函数,同时也支持JSX,默认推荐的还是模板,任何合乎规范的 HTML 都是合法的Vue模板
  4. 声明方式

    React 是类式的写法,api较少

    Vue 是声明式的写法,通过传入各种options,api和参数较多

  5. 扩展功能方式

    React 通过高阶组件来扩展

    Vue 通过Mixins来扩展

转载地址:http://dggdl.baihongyu.com/

你可能感兴趣的文章
成功开发iPhone软件的10个步骤
查看>>
FastDFS和Nginx实现分布式文件服务器
查看>>
Keepalived 高可用
查看>>
Excel动态图表应用
查看>>
.NET简谈自定义事务资源管理器
查看>>
Linux-HA开源软件Heartbeat(安装篇)
查看>>
cocos2d-x游戏例子01:是男人就坚持20秒(WIN32)
查看>>
svn 备份脚本(包含mysql数据库)
查看>>
进一步理解VC中的句柄
查看>>
日志聚合与关联分析技术实例视频演示
查看>>
类的const和非const成员函数的重载
查看>>
[RHEL5企业级Linux服务攻略]--第9季 Squid服务全攻略之常规配置
查看>>
javascript:求绝对值最小的数
查看>>
WCF分布式开发步步为赢(3)WCF服务元数据交换、配置及编程开发
查看>>
通过CLR同步SQL Server和Sharepoint List数据(三)
查看>>
SharePoint下用C#代码上传文档至文档库的子文件夹中
查看>>
统计文章各种分类总数
查看>>
CheckBoxList 拓展
查看>>
MySQL 5.1升级到Percona Server 5.6.17
查看>>
彩虹图的绘制
查看>>