vue2和vue3响应式原理

采用“数据劫持”+“发布订阅者模式”相结合的方式实现了双向绑定---vue的响应式原理

总结：

1. vue初始化实例时，使用object.defineProperty()或者Proxy构造函数，将data,prop,method,computed,watch中的数据劫持，进行getter和setter的处理。

2. 组件渲染时，若用到data里的某个数据时，会触发其getter函数，从而使用全局对象Dep.target将Watcher进行依赖收集。

3. 数据更新时，setter被调用，触发dep.notify方法，遍历该数据的依赖列表，执行update方法通知watcher进行视图更新

 解析：

Proxy在目标对象之前架设了一层拦截，对外界的访问进行过滤和改写，它劫持整个对象，即对象里的每个数据进行一遍数据劫持，并返回一个新对象。

1. 深度监听，性能更好
2. 可监听新增、删除属性
3. 可监听数组变化