vue3响应式数据本质

199 阅读1分钟

前面介绍了vue2响应式数据的本质juejin.cn/post/697958…

下面来看下vue3响应式数据的本质

vue3中是通过Proxy来实现的,get是用来监听调用,set是用来监听修改

let obj = {name:'chengxuyuan',age: 18}
let state = new Proxy(obj,handle:{
    get(obj,key){
        console.log(obj,key);
        return obj[key];
    },
    set(obj,key,value) {
        obj[key] = value;
        return true;
    }
})