深入响应式原理的个人理解

Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接。

vue实现响应式原理的关键是Object.defineProperty这个属性，因为这个属性在不兼容ie 6,7,8所以vue在ie6,7,8中不能实现响应式

如何追踪变化？

每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把“接触”过的数据属性记录为依赖。之后当依赖项的 setter 触发时，会通知 watcher，从而使它关联的组件重新渲染。

当一个data中的数据被调用时它会调用getter方法。

当一个data中的数据被修改时他会调用setter方法。

在实现响应式时它有一个监听器它用来收集所有的依赖，并且存储起来，在触发getter或setter方法时它会通知Watcher，然后视图层实现响应式

转载于:https://www.cnblogs.com/boandbo/p/10933274.html