「日常梳理」比较Vue和React的区别

331 阅读1分钟

1. 比较vue, react区别?

相同点?

不同点 - 数据流? -> MVM 和MVVM区别? -> 事件监听区别?

不同点 - 模板语法?

不同点 - 虚拟DOM区别?

不同点 - diff算法?

不同点 - 事件机制?

不同点 - 性能?

demo.png

相同点

  • 组件化思想
  • 虚拟dom 渲染组件

数据流

  • vue: 双向绑定
  • react 单向数据流

模板语法

  • vue: 采用的是template模板语法,团队代码管理比较规范
  • react: 采用的是jsx语法,灵动性更强

diff算法

  • vue: 采用的是「链表」, 边比较,边更新
  • react: 采用的是「队列」,将需要更新的dom统一放入队列,再统一操作更新dom

事件机制

  • vue: 采用的是web的原生事件
  • react: 采用的是混合事件,需要将事件冒泡,再通过事件委托的方式进行处理

vue virtual DOM 和 react virtual DOM 区别?

  • vue 虚拟dom原理
跟踪组件间的依赖关系, 需要要重新渲染整个组建树
  • react 虚拟dom原理
当状态改变时,组件都需要