vue 清除定时器问题

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

解决：

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

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

然后这样使用定时器
this.timer = setInterval(……………………)
最后在beforeDestroy()生命周期内清除定时器：
beforeDestroy() { 
   clearInterval(this.timer); 
   this.timer = null;
}