Vue 響應式更新流程圖(ref ➜ computed ➜ watch) - daniel-qa/Vue GitHub Wiki
Vue 響應式更新流程圖(ref ➜ computed ➜ watch)
watch() 是你拿到「狀態已完成變化」最可靠的地方。
- 改變原始值後,watch 會不會觸發?
✅ 會,一定會,只要值真的變了
- 改完值後馬上去拿 computed,值是新的嗎?
❌ 不一定,因為它還沒重新計算
- 最穩的做法是什麼?
✅ 等 watch,或 await nextTick() 後再操作
- 如果你真的需要在「設定值之後立刻拿到最新結果」該怎麼辦?
你可以這樣做:
teacherIdsInputRaw.value = '123 456'
// 等 computed 重算 + DOM 處理完
await nextTick()
console.log(teacherIds.value) // ✅ 最新的