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的正确使用方法
猜你喜欢
- 简单的邮箱登陆的提示效果类似于yahoo邮箱 2023-12-24
- 黑客教你破解Session cookie的方法 2024-03-01
- 通过CSS实现逼真水滴动效 2022-11-20
- jquery ajax实现文件上传功能实例代码 2023-02-15
- vue 3.x 环境搭建及项目创建 2023-10-08
- document.execCommand()的用法小结 2023-12-25
- 老生常谈JavaScript获取CSS样式的方法(兼容各浏览器) 2024-02-22
- CSS中margin边界叠加问题及解决方案 2024-01-05
- vue 后台返回的一维数组怎样变成二维数组 2023-10-08
- 基于HTML5的WebGL应用内存泄露分析 2023-10-25