父组件
<template>
<div class="login_container">
<div>我是父组建</div>
<div>我是父组建</div>
<div style="border: 1px solid red; margin: 10px">
<Suspense>
<template #default>
<child></child>
</template>
<template #fallback> 1234567890 </template>
</Suspense>
</div>
</div>
</template>
<script setup>
import child from './child.vue'
</script>
<style scoped lang="scss"></style>
子组件
<template>
<img :src="src" />
</template>
<script setup>
import { ref } from 'vue'
import axios from 'axios'
let src = ref()
//顶层的setup已经加了async
let res = await axios.get('https://dog.ceo/api/breed/pembroke/images/random')