响应式系统简述:
- 任何一个
Vue Component
都有一个与之对应的Watcher
实例。 Vue
的data
上的属性会被添加getter
和setter
属性。- 当
Vue Component render
函数被执行的时候,data
上会被 触碰(touch
), 即被读,getter
方法会被调用, 此时Vue
会去记录此Vue component
所依赖的所有data
。(这一过程被称为依赖收集) data
被改动时(主要是用户操作), 即被写,setter
方法会被调用, 此时Vue
会去通知所有依赖于此data
的组件去调用他们的render
函数进行更新。