vue3响应式Proxy与Reflect的正确使用方法

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的正确使用方法

基础教程推荐