Vue 组合式 API 的常见拆分模式

把「可复用逻辑」和「页面编排」分开，是组合式 API 用久了之后最常碰到的问题。

什么时候抽 composable

• 同一段状态 + 副作用在两个以上组件出现
• 需要单独单测、且不依赖具体 DOM 结构

什么时候先留在组件里

• 只服务当前页面的一次性流程
• 抽出去后参数比组件本身还多

边界

composable 暴露意图明确的 API（load / submit），而不是一堆散落的 ref。