别再熬夜写前端代码了！AI帮你秒生成Vue组件
提示词描述：
适合前端开发者快速搭建Vue组件，节省手写模板和调试时间。提供清晰填空指引，AI生成的代码结构完整，可直接嵌入项目。新手也能轻松上手，老手能跳过重复劳动，专注核心逻辑。
提示语关键词：
AI写代码,前端开发提示词,Vue组件生成,ChatGPT编程助手,快速搭建页面
提示词内容：
【模板说明】
这个提示词模板专门用来让AI帮你快速生成Vue组件代码，不用自己从头敲，填空就能出结果。
【使用场景】
适合前端开发时急需搭建页面组件、写表单或列表的情况，尤其适合赶项目进度或想偷懒的时候。
【模板正文】
请帮我生成一个Vue组件，要求如下：
1. 组件名称：{填写组件名称}
2. 功能描述：{填写核心功能，例如商品卡片展示}
3. 需要包含的UI元素：{填写按钮/输入框/图片等}
4. 特殊逻辑：{填写交互需求，如点击弹窗/数据过滤}
请用Vue3组合式API编写，附带基础样式和注释。
【填写指南】
把大括号里的内容替换成你的具体需求，比如组件名填`ProductCard`，功能写`展示商品价格和评分`。越具体AI写得越准，别留空哦！
【效果示例】
输入示例后，AI会返回完整`.vue`文件代码，包含``结构、响应式变量和基础CSS，直接复制就能用。