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 - 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…
Practica mientras aprendes con los archivos de ejercicios.
Descarga los archivos que el instructor utiliza para enseñar el curso. Sigue las instrucciones y aprende viendo, escuchando y practicando.
Contenido
-
-
-
-
-
-
-
-
-
(Bloqueado)
¿Qué es Composition API?3 min 51 s
-
(Bloqueado)
Creando variables reactivas con ref y reference4 min 57 s
-
Funciones para acceder al ciclo de vida de un componente2 min 28 s
-
(Bloqueado)
Observando variables con watch y watchEffect1 min 59 s
-
(Bloqueado)
Definiendo propiedades computadas usando Composition API1 min 30 s
-
(Bloqueado)
El parámetro context en el Composition API1 min 24 s
-
(Bloqueado)
Implementando un componente complejo con Composition API4 min 20 s
-
(Bloqueado)
Polimorfismo de componentes con Composition API3 min 53 s
-
(Bloqueado)