Vue 響應式 & 更新機制 - daniel-qa/Vue GitHub Wiki

Vue 響應式 & 更新機制

this.$nextTick

用途：在 DOM 更新完成（或響應式狀態更新渲染到畫面之後），才執行回調函數。

原因：Vue 的資料更新是「異步批次」的，改了 data 不會立刻更新到 DOM，而是等到下一個「tick」才更新。

這段程式碼做的事：

this.$nextTick(() => {
  this.authMode = 'manual'
})

表示：等畫面先渲染好，再把 authMode 切到 'manual'。