watch

La montre (manquante) pour @vue/reactivity . Fonctionne sans Vue.

Vous voulez savoir comment cela fonctionne ou en écrire un vous-même ? Consultez cet article de blog

Installer

 npm je @vue-reactivity/ watch

Usage

Remarque : puisqu'il n'y a pas d'instance Vue à lier, watch ne sera PAS supprimée automatiquement. Vous devez toujours appeler explicitement la fonction renvoyée pour l'arrêter. Ou vous pouvez essayer @vue-reactivity/scope qui collectera automatiquement les effets pour vous.

Tout comme ce que vous faites dans 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 ( ) 

Licence

MIT