vue3响应式原理

• 通过Proxy（代理）：拦截对象中任意属性的变化，包括：属性值的读写、属性的添加、属性的删除等。
• 通过Reflect（反射）：对被代理对象的属性进行操作
• MDN文档描述的Proxy与Reflect：
  • Proxy：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy
  • Reflect：https://developer.mozilla.org/zh-CN/Web/javaScript/Reference/Global_Objects/Reflect

new Proxy(data,{
	//拦截读取属性值
	get(target, prop){
		return Reflect.get(target, prop)
	}
	//拦截设置属性值或添加新属性
	set(target, prop, value){
		return Reflect.set(target, prop, value)
	}
	//拦截删除属性
	deleteProperty(target, prop,){
		return Reflect.deleteProperty(target, prop,)
	}
})