vue 每隔一段时间调用一次接口

在Vue中，可以使用定时器(setInterval)来定时调用接口。

首先，在Vue实例的created或mounted钩子函数中，使用定时器来定时调用接口。例如，每隔5秒调用一次接口，可以按如下方式实现：

created() {
  setInterval(() => {
    this.callApi(); // 调用接口的函数
  }, 5000); // 5000毫秒为5秒
},
methods: {
  callApi() {
    // 调用接口的代码
  }
}

在上述示例中，我们使用setInterval来每隔5秒调用一次callApi函数。可以根据实际需求调整定时器的间隔时间。

需要注意的是，由于Vue的响应式机制，调用接口返回的数据会自动更新到视图上。因此，在callApi函数中，可以将返回的数据赋值给Vue实例的data属性或者进行其他操作，以便在页面上展示最新的数据。

另外，如果希望在页面销毁时停止定时器，可以在Vue实例的beforeDestroy钩子函数中使用clearInterval函数来清除定时器。例如：

beforeDestroy() {
  clearInterval(this.timerId);
}

在上述示例中，我们将定时器的返回值保存在Vue实例的timerId属性中，在beforeDestroy钩子函数中调用clearInterval来清除定时器。

总之，通过使用定时器(setInterval)来定时调用接口，可以实现Vue每隔一段时间调用一次接口的需求。