【 学习探索过程中记下的点点笔记,以供分享,欢迎大家一起学习探讨~如有雷同可附链接,谦虚学习!】
Vue中关于NextTick的知识点总结
作用:
n
e
x
t
T
i
c
k
用
于
下
次
D
o
m
更
新
循
环
结
束
之
后
执
行
延
迟
回
调
,
在
修
改
数
据
之
后
使
用
nextTick用于下次Dom更新循环结束之后执行延迟回调,在修改数据之后使用
nextTick用于下次Dom更新循环结束之后执行延迟回调,在修改数据之后使用nextTick,则可以在回调中获取更新后的DOM。
应用场景:
需要在视图更新之后,基于新的视图进行操作。
实现原理:
nextTick方法主要是使用了宏任务和微任务,定义了一个异步方法,多次调用nextTick会将方法存入队列中,通过这个异步方法清空队列。