Vue.nextTick以及使用场景

什么是Vue.nextTick

1、为了在数据变化之后等待 Vue 完成更新 DOM 可以在数据变化之后立即使用
Vue.nextTick(callback)。这样回调函数在 DOM 更新完成后就会调用。在下次 DOM
更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后
的 DOM

2、使用场景：

• 在 Vue 生命周期的 created()钩子函数进行 DOM 操作一定要放到 Vue.nextTick()的回调函数中。
• created()钩子函数执行的时候，DOM 其实并未进行任何渲染。所以此处一定要将 DOM 操作的 js 代码放进
  Vue.nextTick()的回调函数中。
• 在数据变化后要执行的某个操作，而这个操作需要使用随数据改变而改变的 DOM 结构的时 候，这个操作都应该放进 Vue.nextTick()的回调函数中