vue项目定时器，页面跳转清除定时器

方案一：首先我在数据函数中定义定时器名称：data(){return{这样使用定时器：this.timer=(()=>{//someoperation},1000)复制代码，最后在beforeDestroy()生命周期中清除定时器：beforeDestroy(){clearInterval(this.timer);this.timer=null;}复制代码解决方案1有两个缺点。引用裕达的话：需要在这个组件实例中保存定时器。如果可能，只有生命周期挂钩可以访问它。.这不是一个严重的问题，但它可以被认为是碎片。我们的构建代码独立于我们的清理代码，这使得我们更难以编程方式清理我们构建的所有内容。方案二：这种方法是在定时器定义后，通过$once事件监听器的位置来清除定时器。以下是完整代码：consttimer=setInterval(()=>{//定时器操作},500);this.$once('hook:beforeDestroy',()=>{clearInterval(timer);}