如果您想确保DOM反映您的数据，请使用nextTick。

nextTick接受一个回调函数，该函数会延迟到下一个DOM更新周期。这只是Vue的说法，如果你想在确保DOM已经更新后执行一个函数，请使用nextTick”。
因此，这一切都是关于在挂载的钩子内访问DOM之前确保DOM的存在，这是一种消除一些不需要的输出（即未定义）的有用方法。
在下面的示例中，当使用nextTick函数更改数据时，Vue将等待更新DOM，然后再向浏览器显示值3。

mounted() {
    // Vue updates the DOM to some value 3
    this.currentTime = 3;

    // then invokes the callback, updates the DOM to 2021, and 
    // finally gives control to the browser, which displays current 
    // year.

    this.$nextTick(() => {
        let date = new Date()
        this.currentTime = date.getFullYear()
    });
}

有很多写得很好的博客用很好的例子来解释nextTick和异步队列操作。
我建议你挺过去-

1. https://blog.logrocket.com/understanding-nexttick-in-vue-js/
2. https://www.educative.io/answers/how-to-use-the-vuenexttick-method-in-vue