vue 响应式原理

每当创建一个实例时候，会经过12个步骤

• 准备步骤：

  • defineProperty绑定Data描述符
  • observer创建Dep管理数据依赖
  • Vue.prototype._init创建Watcher渲染视图

• 收集数据依赖

  • Watcher里的get，给Dep标识，
  • 并且让render开始渲染template，首次渲染使用了Data中的数据，
  • 所以触发了Data中的get，收集渲染的Watcher，并且通过addSub添加到subs这个类数组中

• 渲染视图

  • 然后notify遍历subs，
  • 更新依赖视图updata，
  • 然后更新视图render，
  • 然后更新template最后完成渲染，
  • 创建出dom