Vue组件快速生成:输入需求,一键输出代码
提示词描述:
面向Vue开发者提升组件开发效率,覆盖业务高频场景。输入功能需求后自动生成符合工程规范的代码,减少重复编码时间。
提示语关键词:
Vue组件生成,ChatGPT编程提示词,前端效率工具,Vue3开发,AI代码助手,组件化开发
提示词内容:
你是资深前端架构师。根据以下参数生成可直接使用的Vue3组件代码:
组件类型:{填写}(如表单/列表/弹窗)
核心功能:{填写}(需说明交互逻辑与数据流向)
样式要求:{填写}(如响应式布局/主题色/动画效果)
输出规范:
1. 使用Composition API语法
2. 包含完整props定义与emits事件
3. 添加关键注释说明扩展点
4. 提供使用示例代码块
避免全局状态污染,确保组件可独立测试。