vue的响应式原理是怎样实现的？

1. 响应式的核心是通过 Object.defineProperty 拦截对数据的访问和设置
2. 响应式的数据分为两类：
   2.1、对象，循环遍历对象的所有属性，为每个属性设置 getter、setter，以达到拦截访问和设置的目的，如果属性值依旧为对象，则递归为属性值上的每个 key 设置
   getter、setter
   2.1.1、访问数据时（obj.key)进行依赖收集，在 dep 中存储相关的 watcher
   2.1.2、设置数据时由 dep 通知相关的 watcher 去更新
   2.2、数组，增强数组的那 7 个可以更改自身的原型方法，然后拦截对这些方法的操作
   2.2.1、添加新数据时进行响应式处理，然后由 dep 通知 watcher 去更新
   2.2.2、删除数据时，也要由 dep 通知 watcher 去更新