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 内容，请继续关注编程基础学习网。