VUE基础（6）：VUE的响应式系统

一、响应系统简述

1.任何一个Vue Component 都有一个与之对应的Watcher实例。

2.Vue的data上的属性会被添加 getter 和 setter 属性。

3.当 Vue Component render 函数被执行的时候，data上会被接触（touch），即被读，getter 方法会被调用，此时Vue会去记录此Vue Component 所依赖的所有data（这一过程被称为依赖收集）。

4.data 被改动时（主要是用户操作），即被写，setter 方法会调用，此时Vue会通知所有依赖于此 data 的组件调用它们的 rander 函数进行更新。

二、过程图解