首先我們先來看看官方介紹的用法：

將回調延遲到下次 DOM 更新迴圈之後執行。在修改資料之後立即使用它，然後等待 DOM 更新。它跟全域性方法 Vue.nextTick 一樣，不同的是回撥的 this 自動繫結到呼叫它的例項上。

理解：

總結來說， 假設我們更改了某個dom元素內部的文字，而這時候我們想直接打印出這個被改變後的文字是需要dom更新之後才會實現的，也就好比我們將列印輸出的程式碼放在setTimeout(fn, 0)中； 

具體程式碼如下(程式碼放在一個元件內)：

<template>
    <button ref="tar" type="button" name="button" @click="testClick">{{ content }}</button>
</template>
export default {
    data(){
        return {
            content: '初始值'
        }
    }
}

methods: {
           testClick(){
              this.content = '改變了的值';
              // 這會直接列印的話， 由於dom元素還沒有更新， 因此打印出來的還是未改變之前的值；
              console.log(that.$refs.tar.innerText);//初始值
           }
        }

 // 方法
    methods: {
           testClick(){
              this.content = '改變了的值';
              this.$nextTick(() => {
                  // dom元素更新後執行， 因此此處能正確打印出更改之後的值；
                  console.log(that.$refs.tar.innerText); //改變了的值
              })
           }
        }

原文：https://blog.csdn.net/u013558749/article/details/72847198?utm_source=copy