Vue.$nextTick()

语法

this.$nextTick(
    () => {}
)

什么情况下使用？

• 在created钩子函数中进行的dom操作时。原因：在created中所有的dom并未渲染，这时进行dom操作一定会有问题。
• 存在异步操作时。原因：在异步操作中改变data中的值，此时由于异步操作，该线程并未执行结束，只有待异步完成才会去更新dom。
• mounted 不会承诺所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕，这种情况可以使用nextTick()。

updated与nextTick()谁先执行？

记住，nextTick()一定是最后执行的，nextTick()会等dom的所有更新结束之后，才会执行。