这款Skill让Vue组件少写混搭代码

用 Vue 3 Composition API 开发组件。

vue 是面向 Vue 3 开发者的组件编写 Skill,帮助 AI 按一套明确的技术约定处理组件参数、事件、双向绑定和响应式状态。它基于 Vue 3.5,默认采用 TypeScript 和 script setup,让同一个项目里的新代码少一些写法混搭。

给 AI 一个表单组件需求时,除了说“做一个输入框”,还可以交代接收哪些参数、向外发出什么事件、哪些值需要父子组件同步。文档的示例把这些分别放进 defineProps、defineEmits 和 defineModel,便于 AI 按组件的接口组织代码。

它也列出了计算属性、监听器、生命周期以及内置组件的参考入口。需要更深入的行为时,应继续读相应参考文件;这份主文件本身更像导航和起步约定,不能替代所有 Vue 文档。

有些选择属于这款 Skill 的偏好,例如统一使用组合式 API、没有深层响应需求时倾向 shallowRef。接入老项目之前,要先对照项目已有约定。适合已经决定采用这套 Vue 3 写法、希望 AI 每次补组件都遵守同样规则的团队。

分类:编程开发

来源仓库:antfu/skills

适合用来做什么

  • 用 Vue 3 编写一个响应式组件。
  • 请解释 Vue 的 Composition API 如何工作。

安装 vue

npx skills add https://www.iskills.cc/skills/antfu/skills/vue/SKILL.md

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

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

查看 vue 的用途与原始说明

浏览全部 Skill 指南