Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Watch

15/23
Recursos

Aportes 1

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

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>