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);
  },