Watch

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Recursos

Aportes 8

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Miguel Ángel Reyes Moreno

hace 3 años

Código de la clase:

<template>
  <h1>{{ text }}</h1>
  <h2>{{ counter }}</h2>
</template>

<script>
import { ref, watch } from "vue"

export default {
  setup() {
    const text = ref('Hello World')
    const counter = ref(0)

    text.value = 'Hello Vue!'

    setInterval(() => {
      counter.value++
    }, 1500)

    watch(counter, (newValue, oldValue) => {
      console.log(`old: ${oldValue} - new: ${newValue}`)
    })

    return {
      text,
      counter,
    }
  }
}
</script>

Edward Camilo Martinez Frias

hace 2 años

Resume de composition Api: lo mismo que option Api pero mas dificil 😅, ojala no se vuelva el estandar.

Sam Leonetti

hace 2 años

Watch recibe dos params: el valor que quiero escuchar, la function que va a ejecutar cada vez que haya un cambio.

La function a su vez, recibirá dos argumentos: el valor nuevo y el valor anterior

watch(obj, (valor_nuevo, valor_anterior ) => {
	console.log();
}

Carlos Rodríguez

hace 2 años

Me estoy enamorando de Vue! La profe es excelente!

Juan Guillermo Perez Cardozo

hace 2 años

seria bueno que la profe dejara la documentacion de vue que utiliza en las clases, para profundizar mas en algunos temas.

Hector Daniel Tapia

hace un mes

Un watcher en Vue.js es una función que escucha cambios en una variable reactiva. Es especialmente útil para ejecutar código cuando un valor cambia, como hacer peticiones a una API cuando un filtro de búsqueda se actualiza. Sí, los watchers son reactivos porque responden a cambios en las variables. Se asemejan al patrón Observer, ya que "observan" el estado reactivo y ejecutan ciertas acciones en respuesta a esos cambios. Esto permite mantener actualizada la interfaz de usuario de manera eficiente.

Julio Emiliano Garza Jiménez

hace 8 meses

Yo lo se Vue, todos queremos ser React cuando crezcamos.

Jose Alejandro Pantoja Giraldo

hace 2 años

Mucho ojo con el uso de ref y reactive jajajjaa créanme cuando les digo que eso da una mano de dolores de cabeza cuando te estás acostumbrando, porque el tema del .value o que no tome el valor de la variable es una joda.

Si ya tienes una cuenta,

Curso de Vue.js: Componentes y Composition API

Watch