vue关闭页面时停止计数器

原创于 2022-04-17 10:13:10 发布 · 811 阅读

CC 4.0 BY-SA版权

文章标签：

这篇博客介绍了在Vue组件中如何正确地使用setInterval启动定时任务，并通过 clearInterval 实现停止。在`mounted`钩子函数中，作者展示了如何设置一个每秒执行一次的定时器，并在之后停止它。这有助于开发者理解Vue中状态管理和资源清理的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue启动停止setInterval

data () {
    return {
      clearTimeSet:null,
    }
},
mounted () {
	   // 启动
      this.clearTimeSet = setInterval(() => {
      }, 1000);
      // 停止
      clearInterval(this.clearTimeSet);
  },