Vue响应式原理

59 阅读1分钟

image.png

  • vue将data初始化成一个obServe并对data中的每个值重写其中的get,set 方法,data中的每个key都有一个独立的依赖收集器。
  • 在get中向依赖收集器中添加监听
  • 在mount中,实例了一个watcher,将收集器的目标指向wathcer
  • 在data值发生变化时,触发set,触发收集器中的所有监听更新,来触发Watcher.update