<template>
 <div>
   <input type="text" v-model="name">
   <button @click="refresh">发送</button>
   <br>
   {{ data }}
 </div>
</template>

<script setup lang="ts">
import {ref} from 'vue'
import {refreshNuxtData, useAsyncData, useFetch, useLazyAsyncData} from "#app";
import axios, {AxiosRequestConfig} from 'axios';

const name = ref('aaa')

const {data, refresh} = await useAsyncData('name', async () => {
 const res = await axios.get('http://localhost:3000/api/hello', {
   params: {
     name: name.value
   }
 })
 console.log(res.data)
 return res.data
})

</script>