$nextTick是Vue.js提供的一個API，用來確保在DOM更新完畢后執行JavaScript代碼。在Vue.js的生命周期中，當數據更新時，Vue首先會計算虛擬DOM并更新，最后把變化的部分更新到真實的DOM上。但是，由于JavaScript是單線程的，當數據更新后立即執行一些操作，此時會發現DOM并未更新，此時使用$nextTick就能解決這個問題。

在以下代碼中，我們的目的是在DOM更新后修改某個元素的class樣式：

export default {
data () {
return {
show: false
}
},
methods: {
toggleShow () {
this.show = !this.show
this.$nextTick(() =>{
const el = document.querySelector('.box')
el.classList[this.show ? 'add' : 'remove']('active')
})
}
}
}

在代碼中，我們使用了箭頭函數來執行操作，操作中獲取到了元素的class列表，并根據`this.show`的值來切換其中的`active`類。此時，如果我們不使用$nextTick，代碼會在`this.show`改變后立即執行，此時DOM還未更新，導致我們修改的class并未生效。使用$nextTick后，我們可以確保在DOM更新后執行代碼，能夠正確修改class樣式。