前端用axios发送请求，使用vue3实现

好的，下面是使用Vue3和Axios发送请求的示例代码。

首先，需要在项目中安装vue和axios两个库：

npm install vue axios --save

然后，在Vue组件中引入axios，并使用axios发送请求：

<template>
  <div>
    <button @click="getData">获取数据</button>
    <div v-if="data">{{ data }}</div>
  </div>
</template>

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

export default {
  setup() {
    const state = reactive({
      data: null,
    });

    const getData = async () => {
      try {
        const response = await axios.get('https://jsonplaceholder.typicode.com/todos/1');
        state.data = response.data;
      } catch (error) {
        console.error(error);
      }
    };

    return {
      getData,
      data: state.data,
    };
  },
};
</script>

在上面的示例中，我们使用了Vue3的`setup()`函数来组织代码。在`setup()`函数中，我们使用了`reactive()`函数来创建一个响应式状态对象`state`，其中包含了我们从后端获取到的数据`data`。

在`getData()`函数中，我们使用了`await`关键字来等待Axios发送请求并返回响应数据。如果请求成功，我们将响应数据赋值给`state.data`，从而触发Vue的响应式系统更新视图。

最后，我们在模板中通过`v-if`指令来判断`state.data`是否存在，如果存在，则显示数据。