vue响应式原理

来源:互联网 发布:linux终端选项 编辑:程序博客网 时间:2024/04/30 22:51
  1. vue实例中的data,vue遍历其中的属性,并使用Object.defineProperty 把这些属性全部转为getter/setter
  2. 每个组件实例都有相应的watcher 实例对象,当render函数渲染组件时,获取绑定的data中的属性会触发对应的getter,watcher把这些属性记录为依赖
  3. 之后当依赖项更改时会触发对应的 setter 被调用,此时会通知 watcher 重新计算,从而致使它关联的组件得以更新。
原创粉丝点击