Community程式設計與開發github.com

vuejs-ai/create-adaptable-composable

建立一個符合函式庫等級的 Vue 組合式函式,接受可能為響應式的輸入(MaybeRef / MaybeRefOrGetter),讓呼叫端可以傳入純值、ref 或 getter。

create-adaptable-composable 是什麼?

此技能用於建立符合函式庫等級的 Vue 組合式函式(composable),重點是讓它能夠處理「可能為響應式」的輸入型別(MaybeRef 或 MaybeRefOrGetter)。這意味著呼叫端可以自由傳入一個純值(plain value)、一個 ref、或一個 getter 函式,而不必擔心響應式不一致的問題。內部實作會透過 toValue() 與 toRef() 在響應式效果(如 watch、watchEffect)中正確地標準化輸入,確保行為可預測且維持響應式更新。此技能主要支援 Vue 3 生態系,適用於任何需要撰寫可重複使用、可適應多種輸入形式的組合式函式場景。當使用者要求建立「可適應的」或「可重複使用的」組合式函式時,即可呼叫此技能,它會依據標準模式生成程式碼結構、說明最佳實踐,並提供整合到專案的指引。

相容平台~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/vuejs-ai/skills/tree/main/skills/create-adaptable-composable

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

create-adaptable-composable 是做什麼的?

建立一個符合函式庫等級的 Vue 組合式函式,接受可能為響應式的輸入(MaybeRef / MaybeRefOrGetter)以便呼叫端可以傳入純值、ref 或 getter。在響應式效果(watch/watchEffect)內部使用 toValue()/toRef() 來標準化輸入,保持行為可預測且維持響應式。當使用者要求建立可適應或可重複使用的組合式函式時,即可使用此技能。

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

相關技能