Vue2.X的数据双向绑定原理以及Vue3.X的数据双向绑定原理

1.Vue2.X的数据双向绑定原理：采用的是Object.defineProperty()方法

 

2.Vue3.0实现数据的双向绑定原理：采用的是Proxy方法,proxy是个对象

3.proxy比Object.defineProperty好在哪里？

proxy优势：

A.可以直接监听对象而非属性

B.可以直接监听数组的变化

C.Proxy有多达13种拦截方式，不限于apply、ownKeys、deleteProperty、has等等是Object.defineProperty不具备的

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

Object.defineProperty的优势：

A.兼容性好，支持IE9，而Proxy的存在浏览器兼容性问题，而且无法用polyfill磨平。