vue3
的响应离不开Proxy
,说到Proxy
,就离不开Reflect
。这两个对象是ES6新加入的,同时,在编程领域,它们也代表了两种设计模式,即代理和反射。下面编程教程网小编给大家简单介绍一下!
Proxy构造函数
var proxy = new Proxy(target, handler);
具体示列如下:
const reactive = (object)=>{
return new Proxy(object,{
get(target,key){
track(target,key)
return target[key]
}
set(target,key, newVal){
target[key] = newVal
trigger(target,key)
return true
}
})
}
const obj = {
nums:1,
get b(){
return this.nums
}
}
const data = reactive(obj)
effect(()=>{
console.log(data.b)
})
setTimeOut(()=>{
data.b++
},500)
以上是编程学习网小编为您介绍的“vue3响应式Proxy与Reflect的正确使用方法”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:vue3响应式Proxy与Reflect的正确使用方法


基础教程推荐
猜你喜欢
- 用Axios Element实现全局的请求loading的方法 2023-12-19
- Css样式–文本样式详解 2023-12-12
- ajax数据传输方式实例详解 2022-10-18
- 怎么通过CSS定义项目列表li前小点( · )的样式 2022-07-07
- jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载) 2024-02-08
- 使用Ajax实现进度条的绘制 2023-02-23
- 关于React动态修改元素样式的三种方式 2024-02-09
- CSS 实现元素较宽不能被完全展示时将其隐藏的方法 2024-02-07
- vue/cli 3.0 与 2.0脚手架怎样mock数据 2023-10-08
- flex属性中align-items和align-content有什么区别 2024-12-13