一、词义简介:
next下一次
Tick轮询
二、应用场景:
当改变数据后,要基于更新后的新DOM进行某些操作时,要在nextTick所指定的回调中执行
三、原理:
n
e
x
t
T
i
c
k
下一次轮询的时候再执行,
v
u
e
并不是说数据改变了立马视图就改变(原因:如果说你在这个函数中改了
3
个数据,
v
u
e
不可能是改变一个数据就去更新视图,而是函数中所有执行完了,再去更新视图),所以
t
h
i
s
.
nextTick下一次轮询的时候再执行,vue并不是说数据改变了立马视图就改变(原因:如果说你在这个函数中改了3个数据,vue不可能是改变一个数据就去更新视图,而是函数中所有执行完了,再去更新视图),所以this.
nextTick下一次轮询的时候再执行,vue并不是说数据改变了立马视图就改变(原因:如果说你在这个函数中改了3个数据,vue不可能是改变一个数据就去更新视图,而是函数中所有执行完了,再去更新视图),所以this.nextTick里面的回调会在dom节点更新完毕之后再执行
add1(){
this.edit=true;
this.$nextTick(function(){
})
}
在edit改变之后,dom也会改变,基于新dom节点来进行nextTick中的函数