含义
可以在DOM更新完毕之后执行一个回调
// 修改数据
this.msg = '阿西吧you'
// DOM 还没有更新
this.$nextTick(() => {
// DOM 更新了,可以拿到更新后的dom元素
})
场景
使用类似scroll-better的库时, 数据更新后必须等dom更新后才能进行进行初始化操作
在created钩子函数进行的DOM操作,放在
Vue.nextTick()
的回调函数中
原理
- 利用异步队列
- 在下次 DOM 更新事件循环结束之后执行延迟回调,在回调函数中获取更新后的 DOM