vue 十秒调用一次接口

Vue.js本身并没有内置定时调用接口的功能，但它可以与JavaScript的`setInterval`或`setTimeout`函数结合来实现这个需求。如果你想每十秒钟请求一次数据，你可以这样做：

new Vue({
  data: {
    // 初始化数据
    dataFromApi: null,
  },
  methods: {
    fetchData: function() {
      axios.get('your-api-url') // 替换为实际的API URL
        .then(response => (this.dataFromApi = response.data))
        .catch(error => console.error(error));
    },
  },
  created() {
    this.fetchData(); // 第一次请求立即触发
    setInterval(this.fetchData, 10000); // 每10秒调用fetchData方法
  },
  beforeDestroy() {
    clearInterval(this.intervalId); // 确保在组件销毁前清除定时器
  },
});

这里假设你使用了axios库来进行HTTP请求。在`created`生命周期钩子里第一次发起请求，并设置一个定时器在后续每隔10秒调用`fetchData`方法。`beforeDestroy`钩子用于防止内存泄漏，确保在组件卸载前停止定时器。