create-adaptable-composable
Installation
SKILL.md
创建适应性可组合函数
适应性可组合函数是可重用的函数,可以接受响应式和非响应式输入。这允许开发人员在各种上下文中使用可组合函数,而无需担心输入的响应性。
在 Vue.js 中设计适应性可组合函数的步骤:
- 确认可组合函数的目的、API 设计以及预期的输入/输出。
- 识别应该是响应式的输入参数 (MaybeRef / MaybeRefOrGetter)。
- 在响应式副作用内使用
toValue()或toRef()规范化输入。 - 使用 Vue 的响应式 API 实现可组合函数的核心逻辑。
核心类型概念
类型工具
/**
* 值或可写的 ref (value/ref/shallowRef/writable computed)
*/
export type MaybeRef<T = any> = T | Ref<T> | ShallowRef<T> | WritableComputedRef<T>;