vue3内置组件Suspense

给多个异步组件提供一个同一的状态管理
使用前，有两个loading...

使用后， 只有一个loading...

Index.vue:

1. <script setup lang="ts">
2. import { onMounted, ref, defineAsyncComponent } from 'vue'
3. import { useRouter } from 'vue-router'
4. import Header from './Header.vue'
5. import LoadingComponent from './LoadingComponent.vue'
6. import ErrorComponent from './ErrorComponent.vue'
7. // import List from './List.vue'
8. // const List = defineAsyncComponent(() => import('./List.vue'))
10. // const List = defineAsyncComponent(() => {
11. //   return new Promise((resolve, reject) => {
12. //     setTimeout(() => {

复制代码