vue与angular和react框架原理对比小结及兼容性

1、vue与react、angular原理对比：

(1)Angular用脏检查

 在 Angular 1 中，当 watcher 越来越多时会变得越来越慢，因为作用域内的每一次变化，所有watcher 都要重新计算。并且，如果一些watcher 触发另一个更新，脏检查循环（digest cycle）可能要运行多次。Angular用户常常要使用深奥的技术，以解决脏检查循环的问题。有时没有简单的办法来优化有大量 watcher 的作用域

(2)vue基于依赖追踪的观察系统并且异步队列更新

   所有的数据变化都是独立触发，除非它们之间有明确的依赖关系。

(3)在 React 应用中，当某个组件的状态发生变化时，它会以该组件为根，重新渲染整个组件子树。

如要避免不必要的子组件的重渲染，你需要在所有可能的地方使用 PureComponent，或是手动实现shouldComponentUpdate 方法。同时你可能会需要使用不可变的数据结构来使得你的组件更容易被优化。

 

2、兼容性

Vue.js 不支持 IE8及其以下版本，因为 Vue.js使用了 IE8不能模拟的 ECMAScript 5特性。 Vue.js支持所有兼容所有兼容ES5的浏览器。（Vue将遍历此对象所有的属性，并使用Object.defineProperty把这些属性全部转为getter/setter。Object.defineProperty是仅 ES5支持，且无法 shim的特性，这也就是为什么 Vue不支持 IE8以及更低版本浏览器的原因）