vue3,reactive与Proxy

Vue3中推出了一个新的响应式系统API：reactive。它与Vue2.x中的响应式系统有所不同，Vue2.x中主要依靠Object.defineProperty来实现响应式，而reactive则使用了ES6的Proxy来实现。

Proxy是ES6中的一个新特性，可以拦截并重定义对象上的基本操作，比如读取属性、赋值、删除等。利用Proxy可以非常方便地实现数据劫持，从而实现响应式。在Vue3中，reactive函数就是利用Proxy来实现响应式的。

使用reactive函数可以将一个普通对象转换成响应式对象，从而当该对象的属性发生变化时，所有使用该对象的地方都会得到通知并自动更新。这种方式比Vue2.x中的Object.defineProperty实现更为高效且灵活，因此Vue3中采用了这种方式来实现响应式。