Vue.js 有没有办法不在vue 3中使用suspend进行合成api异步？

我在

setup（）

中有一个用于异步获取数据的组合API，但我应该在另一个组件中这样定义

加载。。。

---

如果我不使用

，我的应用程序中没有呈现的组件，我如何解决这个问题？

您可以通过使用

v-if

和

v-else

来实现这一点。如果您还没有这样做，您还应该使数据具有反应性

<template>
<div v-if="data">
    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
</div>
<div v-else>
    Loading...
</div>
</template>

<script lang="ts">
import { defineComponent, reactive } from 'vue';
export default defineComponent({
    setup() {
        const data = reactive({});

        return {
            data,
        };
    },
});
</script>

加载。。。
从“vue”导入{defineComponent，reactive}；
导出默认定义组件({
设置（）{
常数数据=反应（{}）；
返回{
数据，
};
},
});

您可以通过使用

v-if

和

v-else

来实现这一点。如果您还没有这样做，您还应该使数据具有反应性

<template>
<div v-if="data">
    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
</div>
<div v-else>
    Loading...
</div>
</template>

<script lang="ts">
import { defineComponent, reactive } from 'vue';
export default defineComponent({
    setup() {
        const data = reactive({});

        return {
            data,
        };
    },
});
</script>

加载。。。
从“vue”导入{defineComponent，reactive}；
导出默认定义组件({
设置（）{
常数数据=反应（{}）；
返回{
数据，
};
},
});

如果使用

异步设置（）

，则无法避免使用

组件。如果使用

异步设置（）

，则无法避免使用

组件。