Vue3 中 proxy 的不同

Proxy是什么

Proxy指的是代理软件或代理服务器，也可以认为是一种网络访问方式。

这个是百度百科的解释，我认为这个解释非常到位。在软件上来讲squid、TinyProxy、socks5、MTProto等在服务器上可搭建proxy供用户使用的代理软件；在服务器上部署刚刚提到的proxy软件提供proxy服务，将其看作整体可称之为代理服务器；用户通过proxy访问目标更像是一种不同于平常的网络访问方式。具体的访问方式可以参考如下：

正向代理： 原本A访问B，B知道是A访问的，但是在中间加一个代理服务器C后，A 通过代理服务器C去访问B，则B看到的是C访问的，而非A去访问的B，这样就增加了A匿名。

反向代理：A向代理服务器C发起请求，代理服务器C将请求转发给B，B将消息回复给C后，C转发给A，A看到的是C接收和响应请求，却不知道B的存在，C相对与B来说就是反向代理，B增加了匿名。

在访问过程中，通过判断客户端与服务端谁具有匿名效果来判断属于正/反向代理。

Vue3 中proxy的不同

vue3.0中,使用proxy替换了原来遍历对象使用Object.defineProperty方法给属性添加set/get

vue的核心能力之一是监听用户定义的状态变化并响应式刷新DOM

vue2是通过替换状态对象属性的getter和setter来实现的,vue3则通过proxy进行

改为proxy后,可以突破vue当前的限制,解决之前vue2的无法监听新增属性,还能提供更好的性能表现