vue3响应式原理:Proxy + Reflect

一月清辉

已于 2022-08-18 11:28:11 修改

阅读量1.1k

点赞数 1

分类专栏： Vue3 文章标签： javascript 前端 typescript

于 2022-08-17 18:45:30 首次发布

本文链接：https://blog.csdn.net/yiyueqinghui/article/details/126391362

版权

vue3响应式原理:Proxy + Reflect，代码示例

 // 目标对象
   const user = {
   
       name: '小小',
       age: 20,
       wife: {
   
           name: '小明',
           age: 19
       }
   }

   // 把目标对象变成代理对象
   const proxyUser = new Proxy(user, {
   
       // 获取
       get(target, prop) {
   
           console.log('get方法调用了')
           console.log(target)
           return Reflect.get(target, prop)

       },
       // 新增、修改
       set(target, prop, val) {
    
           console.log('set方法调用了')
           return Reflect.set(target, prop, val)

       },
       // 删除
       deleteProperty(target, prop) {
   
           console.log('delete方法调用了')
           return Reflect.deleteProperty(target, prop)

       }
   }