vue3内置组件：Suspense专门处理“异步依赖组件”的占位与切换

Suspense：专门处理“异步依赖组件”的占位与切换
理解：当子组件是异步组件（或依赖异步 setup）时，Suspense 让你声明 #fallback（加载中）和默认内容（加载完成）。

<template>
  <Suspense>
    <template #default>
      <AsyncPanel />
    </template>
    <template #fallback>
      <div>加载中...</div>
    </template>
  </Suspense>
</template>

<script setup lang="ts">
import { defineAsyncComponent } from 'vue'
const AsyncPanel = defineAsyncComponent(() => import('./AsyncPanel.vue'))
</script>

suspense官方内置组件地址