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 Composition API

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

Del curso: Vue.js esencial

Comenzar mi mes de prueba gratis Comprar para mi equipo

Agregando watchers en un componente usando Composition API

“

En Vue, los watchers se utilizan para ejecutar funcionalidad cuando una propiedad reactiva cambia. Como en este ejemplo aquí, yo tengo una aplicación en Vue que contiene un menú. Este menú cambia la vista según un valor en una propiedad reactiva. Puedes notar aquí que cuando yo hago clic en uno de los botones, se me genera un console.log y también cambia la vista. Este console.log se genera a partir de un watch. Ya en el código, aquí podemos encontrar las propiedades reactivas de este componente y puedes notar que aquí yo tengo esta propiedad que se llama opcionSeleccionada, que es un ref. Este es el valor que controla el menú. Si nos dirigimos al template, puedes notar que la lista de tiquetes muestra los valores según el valor que tenga esta opción. Igual sucede dentro del menú de la aplicación, en donde los estilos cambian según el valor que tenga esta propiedad. Aquí, entonces, yo he agregado un watcher. Para crear un watcher, simplemente importo la función watch desde la librería…

Contenido