Del curso: Vue.js esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Agregando watchers en un componente usando Options API

Agregando watchers en un componente usando Options API - Tutorial de Vue.js

Del curso: Vue.js esencial

Agregando watchers en un componente usando Options API

En Vue, nosotros utilizamos watchers para poder vigilar los cambios en una propiedad y así poder generar efectos secundarios. A diferencia de las propiedades computadas, los watchers no retornan un valor, sino que estos lo que hacen es que generan otros cambios en la aplicación cuando la propiedad vigilada cambia. Aquí te voy a mostrar dos ejemplos dentro de esta aplicación Vue. Yo he agregado un watcher para vigilar cuando el menú cambia. El menú se controla a través de una propiedad que se llama opcionSeleccionada. Entonces, yo he agregado un watcher a esta propiedad y, cuando esta cambia, genero un console.log que puedes ver aquí. Estoy utilizando un watcher también dentro de este componente de formulario. Este es un componente que recibe un objeto tiquete para poder manejar los valores dentro del formulario, como por ejemplo, aquí, cuando yo abro este tiquete, puedes notar que todos los valores se actualizan dentro del formulario. Esto es porque este componente está recibiendo ese…

Contenido