vue的数据双向绑定与Object.defineProperty( )

Vue数据双向绑定原理是通过数据劫持结合发布者-订阅者模式的方式来实现的，首先是对数据进行监听，然后当监听的属性发生变化时则告诉订阅者是否要更新，若更新就会执行对应的更新函数从而更新视图。

（1）实现一个监听器Observer，用来劫持并监听所有属性，如果有变动的，就通知订阅者。
（2）实现一个订阅者Watcher，每一个Watcher都绑定一个更新函数，watcher可以收到属性的变化通知并执行相应的函数，从而更新视图。
（3）实现一个解析器Compile，可以扫描和解析每个节点的相关指令（v-model，v-on等指令），如果节点存在v-model，v-on等指令，则解析器Compile初始化这类节点的模板数据，使之可以显示在视图上，然后初始化相应的订阅者（Watcher）。
详见如何理解vue数据双向绑定

1. Observer是一个数据监听器，其实现核心方法就是Object.defineProperty( )。如果要对所有属性都进行监听的话，那么可以通过递归方法遍历所有属性值，并对其进行Object.defineProperty( )处理

2. Vue2.0 实现数据响应式主要是依赖 Object.defineproperty 这个API，可实际上 defineproperty 不能监听数组变化。解决：在数组原有方法的基础上，增加了数据监听依赖，以达到数组变化时候的 响应式更新。
   详见如何实现数组响应式

3. Vue3.0 用 Proxy API 替代 defineProperty API
   1）defineProperty API 的局限性最大原因是它只能针对单例属性做监听
   2）Proxy API 的监听是针对一个对象的，那么对这个对象的所有操作会进入监听操作，这就完全可以代理所有属性，将会带来很大的性能提升和更优的代码
   3）使用 Proxy API 并不能监听到对象内部深层次的属性变化，因此它的处理方式是在 getter 中去递归响应式，这样的好处是真正访问到的内部属性才会变成响应式，简单的可以说是按需实现响应式，减少性能消耗。
   详见具体原因