watch

El reloj (faltante) de @vue/reactivity . Funciona sin Vue.

¿Quieres saber cómo funciona o escribir uno por tu cuenta? Mira esta publicación de blog

Instalar

 npm i @vue-reactividad/ ver

Uso

Nota: dado que no hay una instancia de Vue que vincular, watch NO se eliminará automáticamente. Siempre debes llamar explícitamente a la función de retorno para detenerla. O puede probar @vue-reactivity/scope, que recopilará automáticamente los efectos.

Justo como lo que haces en Vue.

 import { ref , reactive , computed } from '@vue/reactivity'
import { watch , watchEffect } from '@vue-reactivity/watch'

const count = ref ( 1 )

const stopWatch = watch (
  count ,
  ( newValue ) => {
    console . log ( `Count: ${ newValue } ` )
  }
)

count . value += 1
// Count: 2

stopWatch ( ) 

Licencia

MIT