Vue组件里定时器销毁问题

vue组件里定时器销毁问题

我在a页面写一个定时，让他每秒钟打印一个1，然后跳转到b页面，此时可以看到，定时器依然在执行。这样是非常消耗性能的。如下图所示：

解决方法1：

首先我在data函数里面进行定义定时器名称：

data() {
               
    return {
                                 
        timer: null  // 定时器名称          
    }        
},

然后这样使用定时器：

this.timer =