vue清除定时器

最新推荐文章于 2024-04-20 13:41:03 发布

SUQI七

最新推荐文章于 2024-04-20 13:41:03 发布

阅读量1k

点赞数

分类专栏： vue相关文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/zb865938593/article/details/128798880

版权

vue相关专栏收录该内容

7 篇文章 0 订阅

订阅专栏

vue项目中，很多人写定时器时，会把定时器timer定义在data里面，等到周期函数beforeDestroy时，使用clearInterval（timer）来销毁。实际上定时器timer没必要定义在data里面，这样会增加内存消耗。我们可以把定时器定义在mounted里面，然后使用hook来监听beforeDestroy，当beforeDestroy触发时，销毁定时器。这样定时器和清理定时器达到了成对出现而且离得很近的效果。

mounted() {
    let currentTimer = setInterval(() => {
         this.time = dayjs().format('YYYY-MM-DD HH:mm:ss')
     }, 1000)
     this.$once('hook:beforeDestroy', () => {
         clearInterval(currentTimer)
         currentTimer = null
         console.log('全都销毁了');
     })
 },