使用场景
不想创建定时器实例,创建的定时器代码和销毁定时器的代码没有放在一起,通常很容易忘记去清理这个定时器,不容易维护;(本人在这方面栽过跟头)
getServeTimeSetTime() {
// 开启定时器,五分钟获取一次服务器时间
const timer1 = setInterval(this.handleGetServerTime, 5 * 60 * 1000) //
this.$once('hook:beforeDestroy', () => {
clearInterval(timer1)
})
},
//我再也不担心忘记清理定时器了
知道了怎么用,如何用,在哪里用,下面该看看它的原理了。(这样才能保证知识是自己的)
可以在任何方法中调用这个方法销毁想要销毁的方法,而不用刻意去生命周期函数beforeDestroy
中销毁:
this.$once('hook:beforeDestory',()=>{}) $once是个固定写法 hook代表勾子函数