¿Qué significa "calcular" en vue.js?

Vue.js limita las expresiones vinculantes para usar como máximo una expresión en una expresión de plantilla, pero algunos datos requieren más de una expresión para implementarse, y estos datos se pueden colocar en el atributo calculado.

La diferencia entre métodos calculados y observación en Vuejs.

1#computed: las propiedades calculadas se mezclarán en instancias de Vue. Todos los contextos getter y setter se vinculan automáticamente a instancias de Vue.

2#methods: los métodos se combinarán en la instancia de Vue. Se puede acceder a estos métodos directamente a través de la instancia de VM o utilizarlos en expresiones directivas. En este caso, el método se vincula automáticamente a la instancia de Vue.

3#watch: es una forma más general de observar y responder a los cambios de datos de la instancia de Vue. Las claves de este objeto son las expresiones a monitorear y los valores son las funciones de devolución de llamada correspondientes. El valor también puede ser el nombre de un método o un objeto que contenga opciones. La instancia de Vue llamará a $watch() cuando se cree una instancia, iterando sobre cada propiedad del objeto observado.

En términos sencillos:

El cálculo se realizará inmediatamente cuando se cargue el DOM HTML,

como la asignación, mientras que el método debe activarse mediante ciertos factores, como evento de clic;

watch? se utiliza para observar los cambios de datos en la instancia de Vue. Correspondientes al objeto, las claves son expresiones de observación y los valores son las devoluciones de llamada correspondientes. El valor también puede ser el nombre de un método o un objeto que contenga opciones.

Por lo tanto, su orden de ejecución es el siguiente: cuando se carga de forma predeterminada, el método se calcula primero y luego se observa, y cuando se activa un evento, el método no se ejecuta, el método es seguido primero por la observación; .

Propiedad calculada versus propiedad observada: Vue proporciona una forma más general de monitorear y responder a los cambios de datos en una instancia de Vue: observar propiedades. Es fácil abusar de las propiedades de vigilancia cuando tiene algunos datos que deben cambiar a medida que cambian otros datos, especialmente si ha usado AngularJS antes, pero generalmente es una mejor idea usar propiedades calculadas en lugar de devoluciones de llamada de vigilancia imperativas.