vue 中使用 $once 清除定时器

  记录一下 vue 中使用 $once 清除定时器,this.$once(‘hook:beforeDestroy’, () => { })官方文档

1
2
3
4
5
6
7
8
const timer = setInterval(() => {
this.time = new this.ExtDate().strftime('%M月%d日 %H:%m:%s')
}, 1000)

// 通过 $once 来监听定时器,在 beforeDestroy 钩子可以被清除
this.$once('hook:beforeDestroy', () => {
clearInterval(timer)
})

注意
另一种使用方法:
1、需要在 Vue 实例中创建定时器的实例,较为多余
2、创建和销毁定时器的代码不在一起,容易遗忘这个定时器,不易维护

以上

随笔标题:vue 中使用 $once 清除定时器

随笔作者:刘先玉

发布时间:2020年09月07日 - 11:33:34

最后更新:2020年09月07日 - 11:33:34

原文链接:https://liuxianyu.cn/article/vue-$once.html