vue2X与vue3X小小区别

vue2X与vue3X区别

Vue2x

1、基于Object.defineProperty，不具备监听数组的能力，需要重新定义数组的原型来达到响应式。
2、Object.defineProperty 无法检测到对象属性的添加和删除 。
3、由于Vue会在初始化实例时对属性执行getter/setter转化，所有属性必须在data对象上存在才能让Vue将它转换为响应式。
4、深度监听需要一次性递归，对性能影响比较大

总结：Object.defineProperty 是对对象属性的监听

vue3x

1、基于Proxy和Reflect，<可以原生监听数组，可以监听对象属性的添加和删除。
2、不需要一次性遍历data的属性，可以显著提高性能。
3、因为Proxy是ES6新增的属性，有些浏览器还不支持,只能兼容到IE11 。