Cálculo y observación de Vue

calculado es una propiedad calculada, similar a un filtro, que procesa datos vinculados a una vista y devuelve dinámicamente nuevos resultados calculados en función de las propiedades de las que depende el cálculo.

No se debe cambiar el nombre de las definiciones de datos y cálculos; de lo contrario, se generará un error.

El cálculo se almacena en caché de acuerdo con su dependencia de respuesta y solo se revalorizará cuando cambie la dependencia de respuesta relevante; si la dependencia no cambia, los accesos múltiples a la propiedad calculada fullName devolverán inmediatamente el resultado anterior. sin recálculo.

De forma predeterminada, una propiedad calculada tiene solo un captador, pero puede proporcionar un definidor si es necesario.

La opción de vigilancia es un objeto cuya clave son los datos dentro de los datos y cuyo valor es la función de devolución de llamada correspondiente, que tiene dos parámetros: el valor modificado newValue y el valor anterior antes de la modificación. La instancia de vue llamará a $watch() al crear una instancia para iterar sobre cada propiedad del objeto de vigilancia.

Al cargar una instancia, el reloj no se escucha de forma predeterminada, incluso cuando se carga por primera vez, puede usar inmediato: verdadero para escuchar el reloj.

watch solo escucha cambios en los valores de datos, no cambios en las direcciones de datos. En otras palabras, si el reloj quiere escuchar cambios en los datos de referencia, necesita escuchar profundamente y usar deep: true puede hacerlo.

Escenarios de aplicación de Computed y Watch: Computed se usa generalmente en operaciones donde varios datos afectan a uno, como un carrito de compras. La vigilancia se usa generalmente en operaciones donde un dato afecta a varios datos, como un cuadro de búsqueda

1. La función de cálculo debe devolver el valor del valor calculado.

1. La función calculada debe devolver el valor calculado, el reloj no tiene ningún requisito para devolverlo.

2. Computado tiene un caché Si el valor de la dependencia no cambia, el calculado. La función no será llamada para recalcular, sino que devolverá el valor en el caché directamente. watch no tiene caché y la función se ejecuta cada vez que cambia el valor del oyente.