vue3 使用 interval循环执行需要注意的事情

该博客讨论了在Vue应用中如何正确管理定时任务。作者指出,当使用`setInterval`创建定时任务时,如果不进行适当清理,即使切换页面,定时任务仍会继续执行。为避免这种情况,应当在组件的`onUnmounted`钩子中清除定时器。这是一个关于前端开发中内存管理和性能优化的重要实践。
摘要由CSDN通过智能技术生成

发现

当设置了setInterval 的时候,离开转向到新页面,他也会继续执行。
需要在当前页面绑定关闭,否则会一直执行。

let tm;
onMounted(()=>{
	tm = setInterval(() => {
		console.log(new Date())
	},1000);
})

onUnmounted(()=>{
	if(tm) clearInterval(tm)
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值