为了代码复用，我并没有在setup钩子中定义getUserInfo异步函数，其中异步函数中已经定义了响应式对象userInfo，并返回了这个userInfo 但是该函数返回的是一个promise，我在setup中使用该对象还需要await一下，有没有更好的办法可以在setup之外定义该函数，并在使用时不需要await

<script type="module">
    const { createApp, ref,reactive } = Vue
    import Card from '../../Content/Components/Card.js'
    const app = createApp({
        components: {
            Card
        },
        setup() {
            const active = ref('gongzuotai')
            const onClickLeft = () => history.back()
            //用户信息
            **const userInfo = getUserInfo()**
            console.log(userInfo,'响应式数据')
            return {
                active,
                onClickLeft,
                userInfo
            }
        },
    });
    //获取用户信息
    async function getUserInfo() {
        let userInfo = reactive({})
        const today = new Date();
        const year = today.getFullYear();
        const month = (today.getMonth() + 1).toString().padStart(2, '0');
        const date = '01';
        const monthStr = `${year}-${month}-${date}`;
        const yearStr = `${year}-01-${date}`;
        const res = await axios.get('GetUserInfo', {
            params: {
                month: monthStr,
                year: yearStr
            }
        })
        userInfo = JSON.parse(res.data.data)[0]
        console.log(userInfo)
        return userInfo
    }
    app.use(vant)
    app.mount('#app');
</script>

可以考虑使用 hooks

// useUserInfo.js
export const useUserInfo = () => {
    const userInfo = ref({})
    const getUserInfo = async () => {
        const res = await axios.get('GetUserInfo', {
            params: {
                month: monthStr,
                year: yearStr
            }
        })
        userInfo.value = JSON.parse(res.data.data)[0]
    }
    return {
        userInfo,
        getUserInfo
    }
}
// xx.vue
<script setup>
import { useUserInfo } from 'useUserInfo'
const { userInfo, getUserInfo } = useUserInfo()
getUserInfo()
</script>

回答