【vue】增加浏览器定时调接口

这里面会用到的三个函数：clearInterval()、setInterval()、destroyed()

1、setInterval()

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。


语法：
setInterval(code, milliseconds);
setInterval(function, milliseconds, param1, param2, ...)

 以上内容介绍来源于菜鸟教程

2、clearInterval()

clearInterval() 方法可取消由 setInterval() 函数设定的定时执行操作。

clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。


用法：
clearInterval(id_of_setinterval)

以上内容介绍来源于菜鸟教程

3、实现如下代码

mounted() {
    if (this.timer) {
      clearInterval(this.timer)
    } else {
      this.timer = setInterval(() => {
          this.getAll()
      }, 20000)
    }

  },
  destroyed() {
    clearInterval(this.timer)
  },