vue里面的定时刷新功能

最近做一个项目，需求是图标需要定时刷新，我还没做过这样的功能，所以一上手就先找了网友们的做法，具体做法如下（自己项目是可以的）：

1、定义一个定时器名称

data() {
    return {
        timer: null,
    }
}

2、在vue的mounted生命函数中创建一个定时器,6秒为一个时间间隔

 this timer = setInterval(() => {
                this.get()
            },6000);

3、get方法执行（此处为实际项目请求接口方法） 

get() {
    $.post(url(接口地址),formdata（参数）,function(res) => {
        console.log(res) //请求成功打印结果
    })
}

4、离开页面后，需要销毁定时器

  destroyed() {
            clearInterval(this.timer)
        }

使用setInterval创建定时器，每隔6秒去执行get方法，在get方法里面可以使用alert（‘11’）或者debugger去检查定时器是否成功。

以上就是我使用的方法，欢迎大家介绍自己的方法，互相学习！！！