vue--双向数据绑定原理

• Vue采用数据劫持 + 发布者-订阅者模式实现双向数据绑定，实现逻辑图如下所示：
  

数据劫持

Vue 借助Object.defineProperty()来劫持各个属性，这样一来属性存取过程都会被监听到

发布者-订阅者模式

主要实现三个对象：Observer（观察者），Watcher（订阅者，观察者），Dep（发布者，订阅收集器）。

1、Observer: 数据的观察者，让数据对象的读写操作（数据劫持）都处于自己的监管之下

2、Watcher: 数据的订阅者，数据的变化会通知到Watcher，然后由Watcher进行相应的操作，例如更新视图

3、Dep: Observer与Watcher的纽带，当数据变化时，会被Observer观察到，然后由Dep通知到Watcher