Vue3.0 utiliza una nueva característica llamada Proxy para implementar la respuesta del estado de los datos.
Vue3 usa Proxy en lugar del Object.defineProperty original para implementar la respuesta de datos.
Es muy simple. Vue introduce directamente el método reactivo, que recibe un parámetro de objeto e implementa datos receptivos:
El código central dentro de reactivo se simplifica de la siguiente manera:
El primer paso es determinar si el tipo de parámetro entrante se puede utilizar para la observación. Los tipos actualmente admitidos son Objeto|Array|Mapa|Conjunto|WeakMap|WeakSet.
A continuación, determine el constructor de los parámetros y obtenga diferentes controladores según el tipo que utilizamos aquí. Esto cubre el 99% de los casos. Solo Set, Map, WeakMap y WeakSet utilizan collectionHandlers.
El objetivo principal de BaseHandlers es secuestrar comportamientos de obtención y configuración, que también se pueden utilizar.