Vue的响应式原理（个人理解）

Vue的响应式原理（个人理解）

本人的理解（若有误，请留言指出，谢谢）

当一个 Vue 实例创建时，vue 会遍历 data 选项中的所有的属性，使用 Object.defineProperty 将它们全部转为 getter/setter，能让 Vue 能够追踪依赖，在 property 被访问和修改的时候通知变化。每一个组件实例都有相应的 wather 程序实例， 它会在组件渲染（render）的过程中把属性记录为依赖。当相应的依赖项的 setter 被调用的时候，会通知 watcher 重新计算，从而致使他关联的组件重新渲染更新。