Vue页面实时刷新之setInterval和setTimeou选择使用

来源需求：ECharts图表中每隔一分钟更新数据

js中的定时器

// 每间隔 1000 毫秒不停的执行
setInterval(() =>{
},1000);
// 1000 毫秒后之执行一次
setTimeout(() =>{
},1000);

注意：

setInterval 会定时执行程序，但是会一直执行，直到你的程序卡死，而setTimeout执行完后回自动清除定时器；

使用：

第一种办法

export default {
  data() {
    return {
      clearTime: null
    }
  },
  mounted() {
    this.clearTime = setInterval(() => {
      this.getDemoTome();
    }, 60000);
  },
  methods: {
    getDemoTome() {
      console.log("ECharts");
    }
  },
  beforeDestroy() {
    clearInterval(this.clearTime);
  }
}

第二种办法

mounted() {
    setInterval(() =>{
      setTimeout(() => {
        this.getDemoTome();
      },0)
    },60000)
  },