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

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

1. 什么 是 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操作(如果要监听的到话，需要重新编写数组的方法)。