vue项目中$once(“hook:beforeDestroy“,() =＞ {})的使用场景

参考链接
在公司的项目里看到一行没怎么见过的代码，如下

// 定时器获取当前定位 
const timer = setInterval(() => {
 //执行逻辑
}, 10 * 1000);
this.$once("hook:beforeDestroy", () => clearInterval(timer));

查了一下，意思是在页面销毁前清除定时器，和直接写在生命周期钩子函数beforeDestroy()里，效果是相同的

但是写在钩子函数里有一下几个不足：
1.在beforeDestroy()钩子里进行销毁，意味着在这个钩子里要能获取到定时器的实例，也就是说定时器的实例要在vue实例中，占内存
2.创建定时器的代码和清除定时器的代码通常是不在一块的，很容易出现写着写着忘记清除定时器，不易维护

而使用$once("hook:beforeDestroy",()=>{})就可以避免上面的两个问题

其他博主还有写到$once("hook:beforeDestroy",()=>{})的其他用途：取消监听事件，click事件、mouseover事件、mouseenter事件、还有事件总线的监听…