vue定时器无法停止。

vue模板里面的定时器问题

---

前言

有些时候我们在使用vue模板时，不免会使用定时器来定时请求后台获取数据，但是在获取数据的时候，定时器就像踩不住刹车的小车，飘起来了。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、定时器是什么？

定时请求后台数据的一种方式。

二、使用步骤

1.使用过程

你的页面组件属于：

 <transition name="move" mode="out-in">
                    <keep-alive :include="tagsList">
                        <router-view></router-view>
                    </keep-alive>
                </transition>

2.读入数据

代码如下（示例）：

//在标签列表中使用定时器
    activated() {
        this.timer = setInterval(() => {
            this.getData();
        }, 1000);
    },

 //在标签列表中停止定时器
   deactivated() {
        clearInterval(this.timer);
        this.timer = null;
    },

activated是开始使用定时器；deactivated是停止定时器。

---

总结

vue定时器问题出现的情况。