Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接。
vue实现响应式原理的关键是Object.defineProperty这个属性,因为这个属性在不兼容ie 6,7,8所以vue在ie6,7,8中不能实现响应式
如何追踪变化?
每个组件实例都对应一个 watcher 实例,它会在组件渲染的过程中把“接触”过的数据属性记录为依赖。之后当依赖项的 setter 触发时,会通知 watcher,从而使它关联的组件重新渲染。
当一个data中的数据被调用时它会调用getter方法。
当一个data中的数据被修改时他会调用setter方法。
在实现响应式时它有一个监听器它用来收集所有的依赖,并且存储起来,在触发getter或setter方法时它会通知Watcher,然后视图层实现响应式