$nextTick - daniel-qa/Vue GitHub Wiki

$nextTick

Vue 的更新機制

在 Vue 2 / Vue 3 中，當資料變動時：

Vue 把 所有受影響的組件 放進更新隊列（queue）。

在同一個事件循環（event loop）結束時，批次執行 Virtual DOM diff → DOM patch。

更新完成後，才會跑 nextTick 裡的 callback。

👉 也就是說：

如果父組件資料變動，導致子/孫組件的顯示狀態跟著改變，這些子孫組件的 DOM 也會在同一個更新循環裡處理。

this.$nextTick 的 callback，會在 父 + 子 + 孫的 DOM 都更新完 之後才執行。