Pinia action 本身不支持自动挂起，需通过组件层 async setup + await action 并配合 <Suspense> 实现异步加载等待；action 专注请求逻辑，挂起由组件和 Vue 渲染机制接管。
Pinia 的 action 本身不提供自动挂起（suspense）支持，但可以与 Vue 3 的 <Suspense> 配合实现组件级异步加载等待体验。关键在于：action 负责发起和管理请求逻辑，而挂起行为由组件层的 <Suspense> 和 async setup 控制，不是 action 自身“挂起”，而是组件等待其返回的 Promise 完成。
让组件支持 Suspense：用 async setup + action 调用
Vue 3 的 <Suspense> 只识别顶层 async setup() 返回的 Promise。因此，需在组件中直接 await action，而不是在 action 内部模拟挂起：
- 在
setup()中调用异步 action，并用await等待其完成（或用onBeforeMount触发） - 确保组件顶层 setup 是 async 函数，且返回响应式数据（如 ref、computed）
- 将该组件包裹在
<Suspense>中，定义#fallback插槽显示加载态
推荐写法：组件内 await action，而非 action 自己挂起
错误做法：在 action 里加 delay 或手动 return Promise 模拟挂起 —— 这混淆了状态管理和 UI 加载职责。
正确做法：把数据获取和状态更新逻辑留在 action 中，组件决定何时触发、是否等待、如何展示过渡：
- action 专注做三件事：设 loading → 调 API → 更新 state（含 error/data）
- 组件用
async setup直接 await action，或用onMounted(() => store.fetch())触发 - 若需服务端渲染（SSR）友好挂起，配合
useAsyncState或自定义组合式函数封装 await 逻辑
进阶：结合 useAsyncState 或 defineAsyncComponent 提升体验
对更复杂的异步场景，可补充工具增强可控性：
- 使用
@vueuse/core的useAsyncState：在组件内声明式管理异步数据，天然兼容 Suspense - 对路由级模块，用
defineAsyncComponent动态导入 +<Suspense>，实现组件懒加载挂起 - 避免在 action 中强行“暂停”执行；挂起是 UI 层概念，应由组件生命周期和 Vue 渲染机制接管
本质上，Pinia action 是业务逻辑容器，不是渲染协调器。挂起处理交给组件和 Vue 框架更清晰、更可靠。
