Vue 定时器/定时调用

export default {
 //定义
 data(){
   return {
     timer:null
   }
 },

  //调用
  mounted() {
    this.timer = setInterval(() => {
      setTimeout(this.getTemp, 0);
    }, 5000);
  },

    //页面切除后解除定时
    beforeDestroy() {
      clearInterval(this.timer);
      this.timer = null;
    },

getTemp：已经封装好的方法，是从后端调用数据的

beforeDestroy：页面切除后解除定时，防止浏览其他界面时依旧不停调用

调用格式：setTimeout(function(){}, 间隔时间)

方法为到达设定时间间隔只调用一次，若想一直重复调用，可使用：

setInterval(function(){}, 间隔时间) 

页面若需要开始就进行加载，只需在定时之前提前调用一次function即可

 mounted() {
    this.getTemp();
    this.timer = setInterval(() => {
      setInterval(this.getTemp, 0);
    }, 5000);
  },

5000为设定时间，注意不是function时间间隔，而是整个定时方法的间隔