模仿reactive实现原理
vue中的reactive也是通过proxy来实现的,我们就把reactive的实现作为一个练习。
首先是实现基础的get和set方法:
let object = {
a:1,
b:2
}
let po = reactive(object)
function reactive(object) {
return new Proxy(object, {
set(obj, prop, val){
obj[prop] = val;
console.log(obj, prop, val);
return obj[prop];
},
get(obj, prop) {
console.log(obj, prop);
return obj[prop];
}
})
}