【vue3练习-04】vue3响应式原理

借助两个api，Proxy()与Reflect

Proxy意为代理，是window内置的一个构造函数，直接就能用

接收两个参数，参数一代理对象名称，参数二是一个对象，里面配置get与set

get（）一般读取对象时触发，

set（）一般修改对象或新增属性时触发，

deleteProperty（）删除对象属性时触发，(为啥不直接叫delete我也不知道应该是被占用了吧)

get（target,name）{},接收两个参数，

第一个是读取的目标对象，第二个是读取对象里面的具体key名字

set（target,name,value）{}，接收三个参数，

第一个数修改的具体对象名称，第二个数修改的对象里面的具体key名字，第三个是修改的值

代码示例：

Reflect意为反射、映射的意思，是window身上的一个对象，用来读取、修改、删除、新增属性

据说这玩意主要是为了方便封装框架用的，一般我们读取对象的某个属性直接obj.key就可以了，但是Reflect读取对象需要Reflect.get(obj,key)的方式，

用这个的主要原因是因为Reflect.defineProperty（Reflect.defineProperty方法与Object.defineProperty对比）有返回值，并且返回值是一个布尔值，所以在封装框架的时候更方便，不再需要try{}catch（）包裹函数抛出错误，而是通过布尔值判断程序是否走下去，

代码示例：