Propiedades calculadas de Vue

A veces, es posible que necesitemos agregar algunos datos en {{}} que deben calcularse antes de poder mostrarse.

Por ejemplo, para mostrar la puntuación total y el promedio de un estudiante. puntuación en la página:

El método anterior consiste en calcular la nota total y la nota media en {{}}

Resuelve el problema, pero no está muy claro, especialmente cuando el cálculo es más complicado.

Entonces, ¿qué debemos hacer?

Si sabes un poco sobre esto, pensarás en un método,

¡Sí, funciona! Pero, de hecho, vue nos proporciona una mejor solución, es decir, la propiedad calculada

La propiedad calculada es una opción de configuración en la instancia de vue: calculada

Generalmente contiene funciones de cálculo, usted puede escribir mucha lógica y devolver valores calculados

.

Es decir, podemos escribir el cálculo en la propiedad calculada y dejar que se calcule dinámicamente.

Como se mencionó anteriormente,

las propiedades calculadas generalmente se usan para calcular datos nuevos a partir de otros datos. Su ventaja es que puede almacenar en caché datos nuevos cuando otros datos dependientes no han cambiado. llamar a los datos almacenados en caché, mejorando así enormemente el rendimiento de nuestro programa. Si se escriben en métodos, los datos no se almacenan en caché en absoluto y, por lo tanto, deben recalcularse cada vez. Es por eso que no usamos métodos aquí

¡Ese es el uso básico de las propiedades calculadas de Vue!