Vue3 调用 API 接口示例：axios 库使用教程

在 Vue3 中，可以使用 'axios' 或者 'fetch' 库来调用接口。以下是使用 'axios' 调用接口的示例代码：

首先，安装 'axios' 库：

npm install axios

在需要调用接口的组件中，引入 'axios'：

import axios from 'axios';

在组件的方法中，使用 'axios' 发送 GET 请求调用接口：

methods: {
  async fetchData() {
    try {
      const response = await axios.get('http://localhost:8080/api/system/lunbotutype/list');
      const data = response.data;
      // 处理返回的数据
    } catch (error) {
      console.error(error);
    }
  }
}

以上代码中，'fetchData' 方法使用 'axios' 发送 GET 请求到指定的 URL，然后获取返回的数据进行处理。

请注意，上述代码中的 URL 是示例 URL，如果实际运行中的 URL 不同，请替换为实际的 URL。

另外，还可以根据需要设置请求头、请求参数等，'axios' 提供了丰富的配置选项，可以根据实际需求进行使用。