Del curso: Vue avanzado 1

Accede al curso completo hoy mismo

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

Observando variables con watch y watchEffect

Observando variables con watch y watchEffect - Tutorial de Vue

Del curso: Vue avanzado 1

Observando variables con watch y watchEffect

En esta lección te voy a explicar cómo crear observadores con el Composition API. Podrás recordar que en el Options API nosotros utilizamos la propiedad 'Watch' para crear observadores dentro del componente. Ahora el Composition API nos ofrece dos opciones para poder crear observadores. Aquí te voy a mostrar un ejemplo de cada uno. En esta aplicación puedes notar que yo estoy creando un observador sobre la propiedad 'cantidad'. Cuando 'cantidad' cambia a través de este control que se encuentra en pantalla, esta función se ejecuta. La función 'Watch' dentro del Composition API recibe dos parámetros. Primero, la propiedad que vigila y, segundo, el método que se ejecuta cuando la propiedad cambia. El segundo método de crear observadores es con la función 'watchEffect'. 'WatchEffect' ejecuta una función que pasamos como parámetro cuando alguna de las propiedades reactivas dentro de la misma cambia. En este escenario yo he creado un observador para vigilar los cambios de tamaño y color…

Contenido