$nextTick是Vue的一個異步API，它會將回調函數延遲到下一個DOM更新循環之后執行。在Vue中，當數據發生變化并且DOM需要更新時，Vue會在內部觸發一個“更新隊列”，記錄下需要更新的組件、指令等等，并在更新隊列被清空時執行更新操作。

但是，Vue并不保證在數據變化之后立即讀取DOM。如果我們需要在DOM更新之后執行一些操作，比如獲取最新的DOM元素或者對DOM進行操作，就需要使用$nextTick。

Vue.$nextTick([callback])

$nextTick可以接收一個回調函數作為參數，該回調函數會在DOM更新結束后被調用。

new Vue({
data: {
message: 'Hello Vue.js!'
},
methods: {
updateMessage: function () {
this.message = 'Updated!'
this.$nextTick(function () {
// DOM更新了
console.log('Updated!')
})
}
}
})

在上面的例子中，當我們調用updateMessage方法時，this.message的值被更新為'Updated!'，接著我們使用$nextTick來確保DOM更新結束后再執行console.log()。

$nextTick也可以作為Promise使用：

new Vue({
data: {
message: 'Hello Vue.js!'
},
methods: {
updateMessage: function () {
this.message = 'Updated!'
this.$nextTick().then(function () {
// DOM更新了
console.log('Updated!')
})
}
}
})

在這個例子中，我們沒有提供回調函數，而是直接使用$nextTick()返回的Promise對象來監聽DOM更新。一旦DOM更新完成，Promise就會被resolve。

總之，$nextTick是Vue中非常有用的一個API，它可以幫助我們在確保DOM更新完成后執行一些需要依賴于DOM狀態的操作。