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的正确使用方法
基础教程推荐
猜你喜欢
- 微信小程序模拟cookie的实现 2024-02-11
- 用CSS实现文字变图象特效 2022-10-16
- javascript getElementsByClassName 和js取地址栏参数 2023-12-27
- 对于一些css样式的巧妙方法进行总结(推荐) 2024-01-08
- 借助SVG滤镜实现三角播放箭头定时变色 2024-12-14
- 使用Referrer Policy解决第三方平台的照片在https站点无法打开的问题 2022-12-19
- Vue项目开发中如何减少重绘和重排 2025-01-11
- Vue中修改Mint UI的Toast默认样式之字体大小调整方式 2023-07-10
- 利用JavaScript实现新闻滚动效果(实例代码) 2023-12-01
- el-table合计自定义 2024-12-07
