在V- data -table中使用axios显示的VUE.JS应用程序接口数据不起作用:它不显示数据

import axios from 'axios';

export default {
  created() {
    axios.defaults.baseURL = 'https://api.example.com'; // 设置接口的基础URL
    axios.defaults.headers.common['Authorization'] = 'Bearer token'; // 设置请求头部信息
  },
  // ...
}

axios.get('/api/data')
  .then(response => {
    // 处理返回的数据
  })
  .catch(error => {
    // 处理错误
  });

export default {
  data() {
    return {
      tableData: [] // 存储接口返回的数据
    };
  },
  created() {
    axios.get('/api/data')
      .then(response => {
        this.tableData = response.data; // 将数据存储到tableData中
      })
      .catch(error => {
        // 处理错误
      });
  },
  // ...
}

<template>
  <v-data-table :items="tableData">
    <!-- 表格列定义 -->
  </v-data-table>
</template>