function reactive(data) {
return new Proxy(data, {
// 读取属性是调用
get(target, propName) {
console.log('我正在被嗲用', target, propName)
return Reflect.get(target, propName)
},
// 修改属性或添加新的属性时调用
set(target, propName, value) {
console.log('我正在被修改', target, propName, value)
return Reflect.set(target, propName, value)
},
// 删除属性时调用
deleteProperty(target, propName) {
console.log('我正在被删除属性', target, propName)
return Reflect.deleteProperty(target, propName)
}
})
}
const p = reactive({
name: '你好',
sex:'女'
})
console.log(p)
记一次Vue3的数据响应式学习
猜你喜欢
转载自blog.csdn.net/A88552211/article/details/124196252
今日推荐
周排行