Vue2 响应式 Object.defineProperty()
对象的读取使用Object.defineProperty 的get()方法
对象的修改使用Object.defineProperty 的set()方法
当实际业务中,对对象进行添加或删除时无效的,页面也不会进行响应式的修改;
Vue2想要让数组为响应式数组是需要重写数组的,需要使用到数组的处理方法;
Vue2 使用Vue.$set()实现响应式数据操作
Vue3 响应式 使用Proxy代理对象把普通对象变化为响应式对象
new Proxy(target,handler)
target 目标对象,想要进行操作的对象
handler 处理器对象,用来监听对象的变化 (内含13种监听处理方法)
handler.get():读取
handler.set():更改 / 添加属性
handler.deleteProperty():删除
Reflect(反射对象) 配合handler 实现Vue3的响应式
Reflect不是构造函数,无法进行new的操作,只可以使用内部的静态方法