前端组件开发方案评测：React与Vue代码生成对比指南
提示词描述：
本提示词专为前端技术选型与组件开发设计，通过对比React与Vue在特定业务场景下的代码生成效果，帮助开发者与架构师做出科学决策。适用于前端团队进行技术栈升级、新项目管理或复杂组件开发前的方案评估，预期可显著降低选型试错成本，提升代码交付质量。
提示语关键词：
AI写代码,AI代码生成提示词,前端组件开发提示词,React与Vue代码对比,AI生成前端代码模板,前端架构选型
提示词内容：
【需求分析】
当前企业级前端开发中，组件化是提升研发效能的核心。针对{业务场景}，需评估React与Vue在生成{核心功能}组件时的代码质量与开发效率，以制定最优技术选型。
【方法对比】
方案A（React）：采用Hooks与函数式编程，状态管理灵活，适合复杂交互逻辑，但代码量相对较大。方案B（Vue）：采用Composition API，模板语法直观，双向绑定便捷，适合中后台快速构建，但在极端复杂状态下需额外优化。
【推荐方案】
若业务侧重高复杂度状态流转与大型生态集成，推荐React方案；若侧重快速交付与团队平缓学习曲线，推荐Vue方案。本提示词将按推荐方案生成标准化组件代码。
【使用步骤】
1. 明确{业务场景}的具体交互流程与数据流向。
2. 确认{核心功能}的UI组件库依赖（如Ant Design或Element Plus）。
3. 运行本提示词，获取符合企业规范的组件代码。
【效果展示】
输出内容将包含：完整的组件源代码、TypeScript类型定义、Props接口说明及基础单元测试用例，确保代码可直接集成至生产环境。