什么时候该抽出 composable

抽早了的代价

刚接触 Composition API 时，我看见一点逻辑就想 useXxx。结果文件碎、参数一堆，读起来还不如写在组件里清楚。

现在的触发条件

• 同一套请求 + loading + error 处理出现第二次
• 某个交互状态机在两个页面几乎一样
• 组件里脚本区已经长到影响阅读主流程

export function useToggle(initial = false) {
  const on = ref(initial)
  const open = () => { on.value = true }
  const close = () => { on.value = false }
  const toggle = () => { on.value = !on.value }
  return { on, open, close, toggle }
}

命名上我喜欢 use + 动词/名词，一看就知道它管什么，不搞玄学单词。

← 返回 Vue 笔记目录