Vue的响应式原理(个人理解)

Vue的响应式原理(个人理解)

本人的理解(若有误,请留言指出,谢谢)
Vue的响应式原理(个人理解)
当一个 Vue 实例创建时,vue 会遍历 data 选项中的所有的属性,使用 Object.dineProperty 将它们全部转为 getter/setter,能让 Vue 能够追踪依赖,在 property 被访问和修改的时候通知变化。每一个组件实例都有相应的 wather 程序实例, 它会在组件渲染(render)的过程中把属性记录为依赖。当相应的依赖项的 setter 被调用的时候,会通知 watcher 重新计算,从而致使他关联的组件重新渲染更新。