Appearance
6.9 异步
6.9.1 nextTick
Vue在更新DOM时是异步执行的。当数据发生变化,Vue将开启一个异步更新队列,视图需要等队列中所有数据变化完成之后,再统一进行更新。
为了在更新DOM后能立即拿的修改后的数据就需要nextTick方法。nextTick会在DOM更新结束后立即执行。
js
created(){
this.$nextTick(() => {})
}js
import { nextTick } from 'vue'
created(){
nextTick(() => {})
}TIP
在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中.