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的无法监听新增属性,还能提供更好的性能表现

猜你喜欢

转载自blog.csdn.net/wangxuanyang_zer/article/details/128995166