脚本宝典收集整理的这篇文章主要介绍了前端三大框架对比(二)——数据更新，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
Angular
最先说Angular的原因是因为它与其他两个框架不同，用的是脏检查机制(Dirty Checking)实现双向数据绑定
- 在Angular中有一个Zone.js负责监听需要视图变化的事件触发
- 每一个组件都都它自己的检测器(detector)，用于负责检查其自身模板上绑定的变量。
- 将旧值跟新值进行比较，不相等就说明检测到变化，更新对应视图
Vue & React 都是采用虚拟DOM来实现视图更新
虚拟DOM
vue和react的虚拟dom的Diff算法大致相同：
- tree diff 只对同一层级节点比较
- component diff 比较组件类型
- element diff 同一层级子节点通过id区分
基于以上这三个约束，使得虚拟DOM的Diff算法的复杂度从O(n^3)降到了O(n)。
Vue
- Vue会遍历data对象的所有属性，并使用Object.defineProperty把这些属性全部转为getter/setter
- 每个组件实例都有相应的 watcher 实例对象，它会在组件渲染的过程中把属性记录为依赖
- 当依赖项的setter被调用时，会通知watcher重新计算，从而致使它关联的组件得以更新
React
更多文章 yjy5264.github.io
以上是脚本宝典为你收集整理的前端三大框架对比(二)——数据更新全部内容，希望文章能够帮你解决前端三大框架对比(二)——数据更新所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。