watch

O relógio (ausente) para @vue/reactivity . Funciona sem Vue.

quer saber como funciona ou escrever um por conta própria? Confira esta postagem do blog

Instalar

 npm i @vue-reatividade/ assistir

Uso

Nota: como não há instância Vue para ser vinculada, watch NÃO será descartado automaticamente. Você precisa sempre chamar explicitamente a função de retorno para interrompê-la. Ou você pode tentar @vue-reactivity/scope que coletará automaticamente os efeitos para você.

Assim como você faz no 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 ( ) 

Licença

MIT