vue 3 proxy,vue3.0的proxy

　　本文主要介绍了vue3中代理的基本使用说明，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

目录

　　 vu E3代理的基本用法已更改。Vue3中的代理proxy基本上是用来理解代理的。

vue3 proxy基本用法

新的改变

　　我们的vue3用proxy代替了vue2的Object.defineProperty，效率更高，值得学习。

基本使用

　　脚本

　　var target={

　　姓名：小明，

　　年龄：18岁

　　}

　　//处理程序是一个对象。

　　常量处理程序={

　　设置(目标，属性，值){

　　let result=Reflect.set(目标，属性，值)

　　Console.log(设置操作结果)

　　返回true

　　},

　　获取(目标，值){

　　let result=Reflect.get(目标，值)

　　Console.log(获得的操作结果)

　　}

　　}

　　let proxy=new Proxy(目标，处理程序)；

　　proxy.coure=java

　　console.log(代理)

　　/脚本

　　这种打印效果：

vue3中proxy代理

理解Proxy代理

　　这里模拟了一个伪Vue，代理被用作响应。

　　div id=app/div

　　脚本

　　常量数据={

　　姓名：你好，

　　年龄：10岁

　　}

　　const vm=新代理(数据，{

　　get(target，p，receiver){

　　//1.target是代理的数据对象。

　　//2.p是数据中的每一个属性(name.age)。

　　//3.receiver是代理对象本身。

　　返回目标[p]

　　},

　　集合(目标，p，值，接收者){

　　//1.value是最新的值。

　　console.log(接收者：，接收者)

　　if(taregt[p]===value)返回

　　目标[p]=值

　　document . query selector(# app)。textContent=target[p]

　　}

　　})

　　vm.name=你好，vue

　　/脚本

　　当我们执行vm.name=hello，vue 时，set方法被触发，接收器

　　再次打印虚拟机。此时，响应vm对象上的名称变成新值，表明vm的数据此时变得有响应。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。