vm.$nextTick().then(() = { vm.$router.push(' '); }) 這段程式碼的作用是： - 3dw/auto20-next GitHub Wiki

vm.$nextTick().then(() => { vm.$router.push('/'); }) 這段程式碼的作用是：

1. vm.$nextTick():
   Vue.js 提供的這個方法是為了確保當前的 DOM 更新完成後再執行下一步操作。在 Vue 中，數據變化並不會立即反映到 DOM 上，因為 Vue 採用的是異步更新機制。所以如果你想確保 DOM 的變更完成後再執行某個操作（例如進行 DOM 操作或路由導航），就可以使用 vm.$nextTick()。

2. .then(() => {...}):
   這是 JavaScript 的 Promise 語法，表示當 vm.$nextTick() 完成後要執行的操作。這裡表示的是：當 DOM 更新完成後再執行括號內的函式。

3. vm.$router.push('/'):
   這個部分是使用 Vue Router 來進行導航的操作。push('/') 會將使用者導向網站的首頁，也就是 URL 為 / 的路徑。

完整解析：

當 Vue 的 DOM 更新完成後（例如某些資料變動已反映在畫面上），接下來才執行導覽至首頁的操作。這個邏輯的作用是避免在 DOM 還沒更新好之前就進行導航，確保一切資料都已經呈現在畫面上後再切換頁面。

簡單示範：

假設有一個按鈕點擊後改變畫面上的資料，然後導航回首頁，你可以這樣寫：

methods: {
  handleClick() {
    this.someData = '新的資料'; // 變更某些資料
    this.$nextTick().then(() => {
      this.$router.push('/'); // 等資料更新完成後，導航回首頁
    });
  }
}

這樣，當按鈕被點擊後，資料會被更新，DOM 變更後才會導航到首頁。