# nextTick
定义:在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM 解释:Vue在更新DOM时是异步执行的。即当数据发生变化时,Vue将开启一个异步更新队列,视图需要等待队列中所有数据变化完成之后,再统一进行更新。
<div id="app">{{name}}</div>
data() {
return {
name: '张三',
}
}
mounted() {
console.log(this.$el.textContent) // 张三
this.name = '王五'
console.log(this.$el.textContent) // 张三
this.$nextTick(()=>{
console.log(this.$el.textContent) // 王五
})
},
上一篇: 下一篇: