vue3 axios onmounted

在Vue 3中，您可以使用axios进行网络请求。要在页面加载时发出请求，可以在组件的`onMounted`生命周期钩子中调用axios。

首先，您需要安装axios。您可以通过运行以下命令来安装它：

npm install axios

然后，在您的Vue组件中，您需要导入axios并在`onMounted`钩子中使用它发送请求。以下是一个示例代码：

<template>
  <div>
    <!-- 页面内容 -->
  </div>
</template>

<script>
import { onMounted } from 'vue';
import axios from 'axios';

export default {
  name: 'YourComponent',
  
  setup() {
    // 在onMounted钩子中发送请求
    onMounted(() => {
      axios.get('https://api.example.com/data')
        .then(response => {
          // 处理响应数据
          console.log(response.data);
        })
        .catch(error => {
          // 处理错误
          console.error(error);
        });
    });

    return {};
  }
}
</script>

在上面的示例中，我们在`onMounted`钩子中使用了axios发送了一个GET请求，并在控制台打印了响应数据或错误。您可以根据自己的需求对数据进行进一步的处理和渲染。

请注意，这只是一个简单的示例，您可能需要根据实际情况进行适当的修改和处理。