setup里面的request请求呢

在 Vue 3 中，`setup()` 函数可以在组件内部执行异步请求。你可以使用 `async/await` 或者 `Promise` 来进行异步操作，例如发送请求获取数据。

具体来说，你可以在 `setup()` 函数内部使用 `fetch` 或者 `axios` 等库来发送网络请求，然后在请求成功后将数据保存到组件的响应式数据中，供模板进行渲染。下面是一个示例代码：

import { reactive, onMounted } from 'vue';
import axios from 'axios';

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

    const fetchData = async () => {
      state.loading = true;

      try {
        const res = await axios.get('https://api.example.com/data');
        state.data = res.data;
      } catch (err) {
        state.error = err.message;
      }

      state.loading = false;
    };

    onMounted(() => {
      fetchData();
    });

    return {
      ...state
    };
  }
};

在这个示例中，我们使用 `axios` 库发送了一个 GET 请求，然后将响应数据保存到组件的 `data` 属性中。我们还使用了 `reactive` 函数来创建响应式数据对象，以及 `onMounted` 钩子来在组件挂载后执行异步请求。最后，我们将响应式数据对象作为 `setup()` 函数的返回值，以便在模板中使用。

需要注意的是，在 `setup()` 函数中进行的异步请求不应该直接修改组件的状态，而是应该使用响应式数据对象来保存数据。这样可以保证组件的状态始终与数据同步，并且可以正确地触发视图更新。