Proxy 与 Object.defineProperty 的区别及优劣势
Proxy 的优势如下:
- Proxy代理整个对象，Object.defineProperty只代理对象上的某个属性；
- 数组新增删除修改时，Proxy可以监听到；
- Proxy 有多达 13 种拦截方法,不限于 apply、ownKeys、deleteProperty、has 等等是 Object.defineProperty 不具备的；
- 如果对象内部要全部递归代理，则Proxy可以只在调用时递归，而Object.defineProperty需要在一开始就全部递归，Proxy性能优于Object.defineProperty；
- 对象上定义新属性时，Proxy可以监听到；
Object.defineProperty 的优势如下:
- 兼容性好，支持 IE9及以上，而 Proxy 的存在浏览器兼容性问题,而且无法用 polyfill 磨平，因此 Vue 的作者才声明需要等到下个大版本( 3.0 )才能用 Proxy 重写。
