vue 3.0 是怎么实现响应式的

在说vue的响应式之前，我们应该先来说说proxy

proxy

　在MDN上的解释是这样的：Proxy 对象用于定义基本操作的自定义行为（如属性查找，赋值，枚举，函数调用等）。

　

let p = new Proxy(target, handler);

　　参数有两个

　　target用Proxy包装的目标对象（可以是任何类型的对象，包括原生数组，函数，甚至另一个代理）。

　　handler一个对象，其属性是当执行一个操作时定义代理的行为的函数。

其实就是对对象进行代理，和vue2 的Object.defineProperty差不多一样的，但是更强大

　　

var obj = {
	name: '张三',
	age: 18
}
var proxyObj = new Proxy(obj,{
	get: function(tag,prop) {
		return tag[prop] != undefined ? tag[prop] : 0
	},
	set: function(tag,prop,value) {
		tag[prop] = value;
	}
})

console.log(proxyObj.name);
proxyObj.age = 17;

　　这样就可以实现vue的响应式了