这款Skill让Vue函数兼容多种传值

创建可接受响应式或非响应式输入的Vue composable函数。

create-adaptable-composable 帮 Vue 开发者编写更灵活的组合函数,让调用方可以传普通值、响应式引用或取值函数。你先说明功能、输入输出,以及哪些输入应该随变化更新,AI 再设计接口和响应式处理。

例如一个设置页面标题的函数,调用方有时传固定文字,有时传会变化的标题引用。原文通过 Vue 的值归一化工具配合监听,让同一套功能适应这些调用方式,避免每个页面自己转换参数。

关键不只是把参数类型写宽。响应式值应该在能追踪变化的位置读取,否则首次取得一个值,后续变化未必能触发逻辑。需要写回的参数与只读参数也要分清;传入普通数字,不会因此变成调用方那边的双向绑定。

还有一种容易踩坑的情况:参数本来就是回调函数。若把它当成取值函数处理,可能在归一化时被意外执行。原文要求先判断函数在接口里的真实含义。

这份 Skill 适合维护组件库或公共组合函数。产出应让调用约定更清楚:接受什么、什么时候更新、能否写回,而不是靠调用者读实现来猜。

分类:编程开发

来源仓库:vuejs-ai/skills

适合用来做什么

  • 创建一个Vue可组合组件,接受反应性输入并返回标准化值。
  • 如何在Vue中编写一个库级可组合组件以处理ref和getter?

安装 create-adaptable-composable

npx skills add https://www.iskills.cc/skills/vuejs-ai/skills/create-adaptable-composable/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 create-adaptable-composable 的用途与原始说明

浏览全部 Skill 指南