vue 項目中實時請求接口 建立長連接

 需求：在項目中需要每隔五秒請求一次接口

第一種方法：直接在mounted鈎子函數中處理 

  mounted() {
    window.setInterval(() => {
      setTimeout(this.statusList(), 0);
    }, 5000);
  },

 

第二種方法：利用watch 去檢測數據是否改變了

在data中定義一個變量 resultList:[]
在methos方法中 寫一個方法
    timer() {
      return setTimeout(() => {
        this.statusList();   //這個就是我的接口
      }, 1000);
    },

在watch中檢測
  watch: {
    resultList() {
      this.timer();
    }
  },

最后記得銷毀

  destroyed() {
    clearTimeout(this.timer);
  },