在vue中的$nextTick()方法,有异步执行的作用。在生命周期中理解的话:
-在created()钩子中使用的话,此时真实DOM并未生成,$nextTick()可以等待真实DOM渲染之后再对真实DOM进行渲染、更新所以在xreated()钩子中有对DOM的操作,都要放到$nextTick()的回调函数中。
-官方解释:
## Vue.nextTick( [callback, context] )
·{Function} [callback]
·{Object} [context]
·在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。
```// 修改数据
vm.msg = 'Hello'
// DOM 还没有更新
Vue.nextTick(function () {
// DOM 更新了
})
// 作为一个 Promise 使用
Vue.nextTick()
.then(function () {
// DOM 更新了
})