$nextTick

$nextTick

nextTick是vue框架里面一个全局api。它是当前异步更新队列循环结束之后的回调函数。

$nextTick的使用场景

在前文里我们已经知道了什么是$nextTick。现在要进入主题。究竟哪里适合使用 $ nextTick。

场景1

在 created 和 mounted 阶段，如果需要操作渲染后的视图，可以使用 nextTick 方法。

场景2

在希望所有子组件加载完成时进行某些操作时，可以采用

延展
mounted 不会承诺所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕，可以用 vm.$nextTick 替换掉 mounted

场景3

重新渲染元素时，想拿到元素的属性

原因

Vue 在修改数据后，视图不会立刻更新，而是等同一事件循环中的所有数据变化完成之后(收集文档碎片)，再统一进行视图更新。