Watch - daniel-qa/Vue GitHub Wiki

Watch

  • 直接對變數 watch
watch(teacherIds, (newList) => {
    noticeForm.target.tmid = newList
})
  • 用函式 watch(() => xxx) 的方式監看表達式
// 監看變換挑選方式
watch(() => noticeForm.method, (newVal, oldVal) => {
    ReceiverList = []; // 清空接收名單
});

  • 對 ref 的支援

如果 teacherIds 是 ref,可以更進一步簡化:

watch(teacherIds, (newList) => {
    noticeForm.target.tmid = newList;
});

因為 watch 支援直接對 ref。

但如果有改成 computed、或者不確定是 ref/reactive 還是普通變數,還是建議保守寫成:

watch(() => teacherIds, (newList) => {
    noticeForm.target.tmid = newList;
});