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

특허

MIT