En Vue, se utilizan dos tipos de propiedades para la capacidad de respuesta: propiedades de escucha y propiedades calculadas.
Propiedades de escucha : las propiedades de escucha son propiedades declaradas en la opción de datos de la instancia de Vue y se utilizan para almacenar el estado o los datos en la aplicación. Cuando el valor de una propiedad de escucha cambia, Vue actualizará de forma automática y receptiva la vista vinculada a la propiedad. Por ejemplo:
data: {
message: 'Hello Vue!'
}
Cuando el valor del mensaje cambia, la vista vinculada a la propiedad se actualiza automáticamente.
Propiedades calculadas : las propiedades calculadas son propiedades calculadas cuyos valores dependen de cambios en otras propiedades. A diferencia de las propiedades de escucha, las propiedades calculadas no cambian directamente el estado o los datos de la aplicación. Simplemente se utilizan para procesar datos o realizar cálculos y devolver los resultados del cálculo a la capa de vista. Las propiedades calculadas se actualizan automáticamente cuando cambian las propiedades de las que dependen. Por ejemplo:
computed: {
fullName: function() {
return this.firstName + ' ' + this.lastName;
}
}
Cuando el valor de nombre o apellido cambie, nombre completo también se actualizará automáticamente.
Cabe señalar que, a diferencia de las propiedades de escucha, las propiedades calculadas tienen un mecanismo de almacenamiento en caché. Es decir, cuando las propiedades de las que depende la propiedad calculada no han cambiado, la propiedad calculada devolverá directamente el resultado del cálculo almacenado en caché sin volver a calcularlo. Esto reduce la cantidad de cálculos y mejora el rendimiento de la aplicación.