vue 中使用 $once 清除定时器

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

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、创建和销毁定时器的代码不在一起，容易遗忘这个定时器，不易维护