vue3 Proxy代理原理

文档。 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy

 const user = {
            name:'赵云',
            age:24,
            page:{
                size:10,page:1
            }
        }

        const poxyUser = new Proxy(user,{
            get(target,prop){
                console.log('获取')
                return Reflect.get(target,prop)
            },
            set(target,prop,val){
                console.log('设置')
                return Reflect.set(target,prop,val)
            },
            deleteProperty(target,prop){
                console.log('删除')
                return Reflect.deleteProperty(target,prop)
            },
        })
        console.log(poxyUser.name) //获取
        poxyUser.neme = '赵子龙'
        console.log(user) //设置
        poxyUser.page.size = 20 //设置对象中的对象，深沉修改
        console.log(user)
        poxyUser.sex = '男' //添加
        console.log(user)
        delete poxyUser.name //删除
        console.log(user)

//打印信息

image.png

观看学习视频之后进行记录一下