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

Question

我是 vue 初学者，想请教一个问题！\n我的英语不好，但我尝试完整地描述我的问题，谢谢。

\n

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

\n

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

\n

我的例子

\n

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');