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) // ✅ 最新的