watch

Die (fehlende) Uhr für @vue/reactivity . Funktioniert ohne Vue.

Möchten Sie wissen, wie es funktioniert, oder selbst eines schreiben? Schauen Sie sich diesen Blogbeitrag an

Installieren

 npm i @vue-reactivity/ watch

Verwendung

Hinweis: Da es keine zu verbindende Vue-Instanz gibt, wird watch NICHT automatisch entsorgt. Sie müssen die zurückgegebene Funktion immer explizit aufrufen, um sie zu stoppen. Oder Sie können @vue-reactivity/scope ausprobieren, das die Effekte automatisch für Sie sammelt.

Genau wie das, was Sie in Vue tun.

 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 ( ) 

Lizenz

MIT