从vue2依赖收集的缺陷到vue3的proxy

先简单解释下ES6中Proxy的语法，
然后从vue2的defineProperty的缺点去理解为什么使用Proxy
最后展示二者的区别

Proxy

const myProxy = new Proxy(target, handle)

使用new Proxy的语法来创建一个拦截器，其中：

• target 是指要使用 Proxy 包装的目标对象（可以是任何类型的对象，包括原生数组，函数，甚至另一个代理
• handler 是指一个通常以函数作为属性的对象，用来定制拦截行为
• 后续触发拦截时都需要使用myProxy(如上例）实例才能触发拦截，而不是直接使用target

Proxy一些常见方法

方法	描述
handler.has()	in 操作符的捕捉器
handler.get(target, propKey, ?receiver(实例本身）)	属性(propKey)读取操作的捕捉器。
handler.set(handler.set(target, propKey, value ?receiver(实例本身))	属性设置操作的捕捉器。
handler.deleteProperty()	delete 操作符的捕捉器。
handler.ownKeys()	Object.getOwnPropertyNames 方法和 Object.getOwnPropertySymbols 方法的捕捉器。
handler.apply()	函数调用操作的捕捉器。
handler.construct()	new 操作符的捕捉器

举例：

1. 根据提示错误信息（get）

// 状态码提示信息
const errorMessage = {
   
  400: '错误请求',
  401: '系统未授权，请重新登录',
  403: '拒绝访问',
  404