如何在vue框架中每隔3秒触发一次API？

Question

我是一个vue初学者，想问一个问题！我的英语不是很好，但我试着完整地描述我的问题，谢谢。

目前我使用vue来学习如何访问API，但我希望能够每隔3秒就能自动触摸API来更新屏幕，但我真的不知道如何实现这一点？

希望能得到您的帮助，再次感谢您收看我的问题。

My example

Answer 1

在创建的调用加载数据的方法的钩子中添加setInterval：

Vue.createApp({
    data() {
    return {
      status: true,
      data: [],
      interval:null
    };
  },
  methods: {
    reNew() {
      axios.get("https://randomuser.me/api/?results=5").then(
      (response) =>
          // console.log(response)
          (this.data = response.data.results)
      )
    }
  },
  mounted() {
    this.reNew()
  },
  created(){
    this.interval = setInterval(() =>{
      this.reNew()},3000)
  },
  destroyed(){
    clearInterval(this.interval)
  }
}).mount('#app');

Answer 2

您可以使用setInterval方法。

这将每3秒执行一次函数。

setInterval(function(){ 
// fetch data...
}, 3000);