vue2和vue3的响应式原理

vue2中的问题

• 对象直接添加新的属性或删除已有属性，界面不会自动更新，不是响应式
• 直接通过下标修改元素（arr[1] = xxx）或更新数组的length，界面不会更新，不是响应式
• 核心：通过defineProperty对对象的已有属性值的读取和修改进行劫持（监视/拦截）

vue3中的响应式

• 通过Proxy（代理）：拦截对对象本身的操作，包括属性值的读写，属性的添加，属性的删除等...
• 通过Reflect（反射）：动态对被代理对象的相应属性进行特定的操作