如何通过Proxy实现Vue框架中的数据双向绑定功能？

本文共计4382个文字，预计阅读时间需要18分钟。

1. 什么是Proxy？它的作用是什么？Proxy可以理解为在目标对象前设置一层拦截，当外界对目标对象进行访问时，都需要经过这层拦截。它的作用是增强对目标对象的功能控制。

数据来源：一峰博文文章介绍：Proxy可以理解为在目标对象之前设置一层拦截，在目标对象之前架设一层拦截，当外界对目标对象进行访问时，都需要经过这层拦截。这层拦截就像一个代理，因此被称为Proxy。

1.什么是Proxy？它的作用是？

据阮一峰文章介绍：Proxy可以理解成，在目标对象之前架设一层 "拦截"，当外界对该对象访问的时候，都必须经过这层拦截，而Proxy就充当了这种机制，类似于代理的含义，它可以对外界访问对象之前进行过滤和改写该对象。

如果对vue2.xx了解或看过源码的人都知道，vue2.xx中使用 Object.defineProperty()方法对该对象通过 递归+遍历的方式来实现对数据的监控的，具体了解

Object.defineProperty可以看我上一篇文章(www.jb51.net/article/191097.htm). 但是通过上一篇Object.defineProperty文章 我们也知道，当我们使用数组的方法或改变数组的下标是不能重新触发 Object.defineProperty中的set()方法的，因此就做不到实时响应了。所以使用 Object.defineProperty 存在如下缺点：

1. 监听数组的方法不能触发Object.defineProperty方法中的set操作(如果要监听的到话，需要重新编写数组的方法)。

2. 必须遍历每个对象的每个属性，如果对象嵌套很深的话，需要使用递归调用。