一个变量被赋值两个相同定时器导致的bug

vue中，我在mounted和activated中都写了

this.timerObj = setInterval(() => {
         this.increaseReadTime(10);
       }, 3000);

然后在deactivated和destroyed中都写了

clearInterval(this.timerObj);
    this.timerObj = null;

  结果这个代码出现一个问题，回到上一页后，定时器还在运行
  研究了一会儿，发现这个setInterval执行了两次，导致往事件队列中塞入了两次setInterval函数，此时this.timerObj只指向其中一个，清除时也只能清除一个，并且在JavaScript中，定时器（由 setInterval 或 setTimeout 创建）不会被垃圾回收，即使没有对它们的引用。就导致另一个定时器仍然在事件队列中执行。