watch

Jam tangan (yang hilang) untuk @vue/reactivity . Bekerja tanpa Vue.

ingin tahu cara kerjanya atau menulisnya sendiri? Lihat postingan blog ini

Memasang

 npm saya @vue-reaktivitas/ tonton

Penggunaan

Catatan: karena tidak ada instance Vue yang dijadikan bond, watch TIDAK akan dibuang secara otomatis. Anda harus selalu memanggil fungsi pengembalian secara eksplisit untuk menghentikannya. Atau Anda dapat mencoba @vue-reactivity/scope yang akan mengumpulkan efek secara otomatis untuk Anda.

Sama seperti apa yang Anda lakukan di 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 ( ) 

Lisensi

MIT