watch

@vue/reactivityの (欠落している)監視。 Vue なしでも動作します。

それがどのように機能するかを知りたいですか、それとも自分で作成したいですか?このブログ投稿をチェックしてください

インストール

npm i @vue-reactivity/ watch

使用法

注: ボンドされる Vue インスタンスがないため、 watch自動破棄されません。戻り関数を停止するには、常に明示的に関数を呼び出す必要があります。または、効果を自動的に収集する @vue-reactivity/scope を試すこともできます。

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

ライセンス

マサチューセッツ工科大学