Vue的双向数据绑定原理是什么

　　在Vue2.x中，双向数据绑定是通过数据劫持结合发布订阅模式的方式来实现的，也就是说数据和视图同步，数据发生变化，视图跟着变化，视图变化，数据也随之发生改变。

　　核心：关于VUE双向数据绑定，其核心是 Object.defineProperty()方法。

　　Vue3.x则是用ES6的语法Proxy对象来实现的。Object.defineProperty()的缺点：

　　1. 只能监听对象(Object)，不能监听数组的变化，无法触发push, pop, shift,

　　unshift,splice, sort, reverse。

　　2. 必须遍历对象的每个属性

　　3. 只能劫持当前对象属性，如果想深度劫持，必须深层遍历嵌套的对象。 Proxy的优点：

　　4. Proxy 可以直接监听对象而非属性。

　　5. Proxy 可以直接监听数组的变化。

　　6. Proxy 有多达 13 种拦截方法,不限于 apply、ownKeys、deleteProperty、has 等等是 Object.defineProperty 不具备的。

　　7. Proxy 返回的是一个新对象,我们可以只操作新的对象达到目的,而 Object.defineProperty 只能遍历对象属性直接修改。

　　8. Proxy 作为新标准将受到浏览器厂商重点持续的性能优化，也就是传说中的新标准的性能红利。 let arr = []; let proxy = new Proxy(arr, { get: function(obj, prop){ return obj[prop]; }, set: function(obj, prop, value){ obj[prop] = value; //可以被监听到变化 return true; } }); setTimeout(()=>{ proxy.push(1); }, 2000)