Vue双向数据绑定流程

Vue双向数据绑定流程：

1. 初始化数据时，会生成一个Observer实例
2. Observer实例生成时，会产生一个Dep实例，并在get方法中让watcher与dep的相互记录（多对多关系，观察者模式，此时get/set并未执行，所以此时并未真正相互记录）
3. 组件挂载，执行mountComponent，此时会创建一个watcher（渲染watcher）
4. 执行Watcher.get方法，该方法处理三个步骤：将Dep中的targtet设置为该Watcher，执行渲染函数（此时会取值，触发2步骤中get，watcher与dep的相互记录），渲染之后移除Dep.target
5. 4步骤时，dep与Watcher已相互记录，当属性发生改变时，dep中的notify方法会将自己记录到的所有watcher都执行一次update方法，也就是触发视图更新（这里只实现到渲染watcher，所以只会记录到一个）
6. 视图更新，又会重新触发watcher.get方法，依赖将会重新收集（页面可能存在有v-if/v-else，所以需要重新收集）