create-adaptable-composable

Installation
SKILL.md

创建适应性可组合函数

适应性可组合函数是可重用的函数,可以接受响应式和非响应式输入。这允许开发人员在各种上下文中使用可组合函数,而无需担心输入的响应性。

在 Vue.js 中设计适应性可组合函数的步骤:

  1. 确认可组合函数的目的、API 设计以及预期的输入/输出。
  2. 识别应该是响应式的输入参数 (MaybeRef / MaybeRefOrGetter)。
  3. 在响应式副作用内使用 toValue()toRef() 规范化输入。
  4. 使用 Vue 的响应式 API 实现可组合函数的核心逻辑。

核心类型概念

类型工具

/**
 * 值或可写的 ref (value/ref/shallowRef/writable computed)
 */
export type MaybeRef<T = any> = T | Ref<T> | ShallowRef<T> | WritableComputedRef<T>;
Installs
3
First Seen
Mar 3, 2026
create-adaptable-composable — hello-lizhihua/skills_zh-cn