前端vue实时请求数据的代码

前端 Vue 实时请求数据的代码一般使用 Vue 的生命周期钩子函数 mounted() 来发送 Ajax 请求，代码如下：

mounted() {
  setInterval(() => {
    // 发送 Ajax 请求获取数据
    axios.get('/api/data')
      .then(response => {
        // 将数据保存到组件的 data 中
        this.data = response.data;
      })
      .catch(error => {
        console.log(error);
      });
  }, 5000); // 每隔 5 秒发送一次请求
}

在这个例子中，我们使用了 Vue.js 推荐的 Ajax 库 axios 来发送 GET 请求获取数据。使用 setInterval() 函数来每隔一段时间发送一次请求，这里我们设置为每隔 5 秒发送一次。在请求成功后，将响应数据保存到组件的 data 中，以便渲染到模板中。如果请求失败，则打印错误信息到控制台。