Vue组件智能生成器：5分钟搭建可复用UI模块
提示词描述：
专为Vue开发者设计的组件生成模板，通过参数化配置快速产出符合工程规范的组件代码。适用于需要批量创建UI模块的中后台项目，支持Props类型校验和事件系统定制。填写时建议明确组件交互边界，可显著提升代码复用率。
提示语关键词：
Vue组件生成,前端代码模板,Composition API组件,Props校验配置,Vue3开发技巧,中后台UI搭建
提示词内容：
【模板说明】
本提示词专为Vue开发者设计，通过结构化参数输入自动生成符合最佳实践的组件代码，支持Props校验、事件绑定和样式隔离。
【使用场景】
适用于快速搭建表单控件、数据表格、弹窗组件等高频复用场景，特别适合中后台系统开发。
【模板正文】
请生成一个Vue3 Composition API组件，要求：
1. 组件名称：{组件名}
2. 核心功能：{功能描述}
3. Props配置：{类型: 必填/可选, 默认值: 默认值}
4. 事件发射：{事件名}: {参数说明}
5. 样式方案：{CSS Modules/Scoped/内联}
【填写指南】
- 组件名采用PascalCase命名规范
- 功能描述需包含交互逻辑和数据流向
- Props配置建议明确校验规则
- 事件命名遵循kebab-case转camelCase规范
【效果示例】
生成带搜索过滤功能的用户列表组件，包含分页参数、选中状态同步、空数据提示插槽，输出包含完整TypeScript类型定义和响应式逻辑封装。
上一页：5步让AI画出教科书级教学插图
下一页：AI代码调试助手：精准定位JavaScr