<template>
<Suspense>
<template #default>
<AsyncComponent/>
</template>
<template v-slot:fallback>
<h1>Loading</h1>
</template>
</Suspense>
</template>
<script lang="ts">
import { defineComponent, defineAsyncComponent} from 'vue';
const AsyncComponent = defineAsyncComponent(()=>import('./components/AsyncComponent.vue'))
export default defineComponent({
components: { AsyncComponent },
name: 'App'
});
</script>
<template>
asyncComponent 內容
</template>
<script>
import {defineComponent} from 'vue'
export default defineComponent({
name: 'asyncComponent'
})
</script>