La diferencia y el uso de Vue3 ref y reactivo

1) ref crea datos responsivos, que generalmente se usan para crear tipos simples de objetos responsivos, como cadenas, números y tipos booleanos.

2) Después de pasar un valor a ref, si usamos; Los tipos básicos de reactividad se basan en Object.defineProperty() get() y set(). Si ref usa un tipo de referencia, la capa inferior de la función ref convertirá automáticamente ref en reactivo. ref(18) => reactive({value: 18});

3) Cabe señalar que el valor definido por ref se puede usar directamente en el campo definido en Vue, pero se obtiene en js El valor o el valor modificado debe pasarse a través del valor;

4) ref también puede crear un tipo de referencia para objetos complejos, el valor es un objeto interceptado y procesado por el proxy, pero las propiedades internas no son de. Tipo RefImpl. El objeto del proxy también está montado en el valor, por lo que se puede utilizar obj.value. clave para leer atributos Estos atributos también responden y pueden activar actualizaciones de vista cuando ocurren cambios

El uso específico y la estructura de la impresión son los siguientes:

1) Las definiciones de parámetros en reaccionar. debe ser Es un objeto o matriz (json/arr), la esencia de los datos entrantes se empaquetará en un objeto proxy.

2) Implementación de proxy basada en Es6, a través del objeto fuente de operación de proxy reflectante Reflect; en comparación con reaccionar Objetos de datos de respuesta superficiales definidos, reaccionar define objetos de datos de respuesta más profundos;

3)

1) Generalmente, ref se usa para definir cadenas o valores simples, y reaccionar se usa para definir matrices de objetos, etc.

2) Ambos realmente se pueden usar, ref puede continuar definiendo objetos y matrices simples, que también responden, pero la documentación oficial menciona que si especifica un objeto como valor de referencia, puede usar el método reactivo para hacer que el objeto tenga alta capacidad de respuesta.