基本认知:
在 Vue 2.x 中,利⽤的是 Object.defineProperty 去劫持对象的访问器(Getter、Setter), 当对象 属性值 发⽣变化时可获取变化,然后根据变化来作后续响应;(⼀个⼀个的劫持) 在 Vue 3.0 中,则是通过 Proxy 代理对象进⾏类似的操作。劫持的是整个对象, 只要对象中的属性 变化了, 都能劫持到
Object.defineProperty和Proxy的优缺点:
proxy:
1、可以直接监听整个对象,⽽⾮是对象的某个属性
2、可以直接监听数组的变化
3、拦截⽅法丰富:多达13种,不限于 get set deleteProperty 、 has 等。 ⽐ Object.defineProperty 强⼤很多
Object.defineProperty :兼容性较好(可⽀持到 IE9)