@vue/reactivity
的(缺失)監視。無需 Vue 即可工作。
想知道它是如何運作的還是自己寫一個?看看這篇博文
npm 我@vue-reactivity/觀看
注意:由於沒有要綁定的 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 ( )
麻省理工學院