vue2.x的响应式实现原理：对象类型：通过Object.defineProperty()拦截读取和修改属性（数据劫持）。数组类型：拦截是通过重写一系列更新数组的方法来实现的。（数组的更改方法被包装）。Object.defineProperty(data,'count',{get(){},set(){}})有一个问题：添加或删除属性时界面不会更新。直接通过下标修改数组，界面不会自动更新。Vue3.0响应式实现原理：通过Proxy（代理）：拦截对象中任意属性的变化，包括：属性值的读写、添加属性、删除属性等。通过Reflect（反射）：对对象进行操作源对象的属性。MDN文档中描述的Proxy和Reflect：Proxy:https://developer.mozilla.org...Reflect:https://developer.mozilla.org...newProxy(data,{//拦截读取属性值获取(target,prop){returnReflect.get(target,prop)},//拦截设置属性值或添加新的属性集(target,prop,value){returnReflect.set(target,prop,value)},//拦截删除属性deleteProperty(target,prop){returnReflect.deleteProperty(target,prop)}})proxy.name='tom'
