vue3中如何在页面中使用axios

在Vue 3中使用axios需要先安装axios模块。可以通过以下命令使用npm安装axios：

npm install axios

安装完成后，可以在页面的脚本部分（通常是在Vue组件的`<script>`标签内）导入并使用axios。

首先，在需要使用axios的组件中，导入axios模块：

import axios from 'axios';

然后，可以在组件的方法中使用axios发送HTTP请求。例如，在一个`created`生命周期钩子函数中发送GET请求：

export default {
  created() {
    axios.get('/api/data')
      .then(response => {
        // 处理响应数据
        console.log(response.data);
      })
      .catch(error => {
        // 处理错误
        console.error(error);
      });
  }
}

上述代码中，`axios.get()`方法发送了一个GET请求到`/api/data`接口，并使用`.then()`处理成功响应，`.catch()`处理错误。

在Vue 3中，也可以使用Vue的插件机制将axios实例注入到Vue实例中，以便在全局范围内使用。具体用法可以参考axios文档和Vue插件开发文档。