记一次Vue3的数据响应式学习

	        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)

猜你喜欢

转载自blog.csdn.net/A88552211/article/details/124196252