$nextTick有什么作用？

Answer 1

文档中特别提到了两个词,

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM

「DOM更新循环结束后之后」「在修改数据之后」也就是说它触发的时机实在dom 更新完毕以及动态数据触发双向绑定的虚拟dom 渲染结束之后才会产生的回调..

Answer 2

在队列中插入一个回调, 当前面的dom操作, 其它回调执行完成之后, 执行当前callback
这样做的好处是, 我前面用到的一些dom更新等已经处理完毕, 而不是获取到更新前的数据

// e.g
// do something
console.log(this.$refs.message) // old dom

this.$nextTick()
  .then(() => {
    console.log(this.$refs.message) // new dom
  })