vue nextTick和setTimeout区别

适用案例:https://blog.csdn.net/cddcj/article/details/156085624

$nextTick是异步函数
nextTick允许我们在DOM更新完成后执行回调,确保我们操作的是最新的DOM。

$nextTicksetTimeout(fn, 0) 更精准,因为它直接关联 Vue 的更新队列,避免不必要的延迟。

javascript 复制代码
// 此时 DOM 尚未更新
this.$nextTick(() => {
  // 此处 DOM 已更新为 "Hello World"
});

setTimeout在事件循环下一阶段执行,可能早于或晚于$nextTick;

setTimeout 是典型的异步函数 ,属于 JavaScript 事件循环中的 宏任务(Macrotask)

相关推荐
程序员刘禹锡2 小时前
Html中常用的块标签!!!12.16日
前端·html
sinat_384241092 小时前
OpenSpeedy 是一款开源免费的游戏变速工具
javascript
我血条子呢2 小时前
【CSS】类似渐变色弯曲border
前端·css
DanyHope2 小时前
LeetCode 两数之和:从 O (n²) 到 O (n),空间换时间的经典实践
前端·javascript·算法·leetcode·职场和发展
hgz07102 小时前
企业级多项目部署与Tomcat运维实战
前端·firefox
用户1887871069842 小时前
基于vant3的搜索选择组件
前端
zhoumeina992 小时前
懒加载图片
前端·javascript·vue.js
用户1887871069842 小时前
SVG描边 - CSS3实现动画绘制矢量图
前端
码上行走2 小时前
【实战】Flex布局-上下自适应
前端