El uso y la diferencia entre Vue3 ref y reactivo y el principio de capacidad de respuesta
Sintaxis: const xxx = ref (initValue)
Tipos de datos aceptados: básico, referencia
Función: procesa parámetros en objetos de respuesta, que en Objetos completos (a los que nos referiremos simplemente como objetos de referencia a continuación)
Principio básico: si usa tipos primitivos, la respuesta depende de get() y set() del objeto. defineProperty(), si ref usa un tipo de referencia, la referencia subyacente usará el proxy reactivo para definir responsivo
Uso básico:
Sintaxis: const xxx = ref (objeto fuente)
Tipos de datos aceptados: tipos de referencia
Función: procesar parámetros en objetos proxy, el nombre completo es objetos proxy
Principio básico: basado en la implementación del proxy Es6, el El objeto de origen es una operación de proxy de reflexión reflectante. En comparación con los objetos de datos de respuesta poco profundos definidos por reactivo, define objetos de datos de respuesta más profundos.
Uso básico:
Se pueden usar tanto ref como reaccionar.
ref: generalmente se usa para definir tipos básicos y tipos de referencia. Si es un tipo de referencia, la capa inferior usará el proxy reactivo para formar un objeto proxy y todo el objeto se puede copiar directamente. Por ejemplo, cuando se devuelve una solicitud de datos de tabla, es necesario asignar todos los datos a un objeto de respuesta. Si usa reactivo en este momento, no podrá responder.
Reactivo: generalmente se usa para tipos de referencia, como {}, etc., el objeto completo no se puede modificar a la vez, como los datos de la tabla solicitados por nuestro backend si desea asignar el conjunto. matriz a la vez, no funcionará. Se recomienda utilizar ref para definir matrices.
El primer método es usar refs para definir el objeto
El segundo método es usar reactivo para definir el objeto y luego usar toRefs para exportarlo a la página
El tercer método es usar toRefs para definir el objeto y luego usar reactivo para exportarlo a la página.
El cuarto método es usar toRefs para definir el objeto y luego usar reactivo para exportarlo a la página
El quinto método es usar toRefs para definir el objeto y luego usar reactivo para exportarlo a la página
El sexto método es usar toRefs para definir el objeto.