- vue实例中的data,vue遍历其中的属性,并使用Object.defineProperty 把这些属性全部转为getter/setter。
- 每个组件实例都有相应的watcher 实例对象,当render函数渲染组件时,获取绑定的data中的属性会触发对应的getter,watcher把这些属性记录为依赖。
- 之后当依赖项更改时会触发对应的 setter 被调用,此时会通知 watcher 重新计算,从而致使它关联的组件得以更新。
vue响应式原理
最新推荐文章于 2022-09-01 15:34:08 发布