Vue零基础入门：AI辅助学习Vue组件开发全流程
提示词描述：
专为Vue初学者设计的AI学习助手提示词，能够根据你的基础水平和学习目标，生成定制化的组件开发学习路径。每天包含理论讲解、代码示例、练习题和错误预警，帮助你系统高效地掌握Vue核心技能，适合自学或培训辅助使用。
提示语关键词：
Vue学习, AI编程教学, 前端开发入门, Vue组件教程, ChatGPT学编程, Vue零基础入门
提示词内容：
【使用场景】
适合零基础学习者或转行前端开发的小伙伴，利用AI作为私人导师，系统学习Vue.js核心概念，从组件基础到实战项目逐步掌握。
【操作步骤】
1. 在对话框中输入以下提示词模板：
"你是一位资深Vue.js前端导师，请按照以下步骤教我学习Vue组件开发：
- 学习阶段：{初学者/有一定基础}
- 学习目标：{如：掌握组件通信/学会路由配置/完成一个待办事项应用}
- 每日学习时间：{如：1小时/2小时}
请为我制定一个为期{天数}天的学习计划，每天包含：
① 核心知识点讲解（配合代码示例）
② 动手练习题（由浅入深）
③ 常见错误预警及解决方案
④ 学习资源推荐（官方文档/视频教程/实战项目）
请用通俗易懂的语言讲解，每个知识点都要有实际案例辅助理解。"
2. AI会根据你的基础和目标，生成个性化学习路径
3. 按照每日计划逐步执行，遇到不懂的代码可随时追问
4. 完成每个阶段后，让AI出题测试你的掌握程度
【效果示例】
以"学习组件通信"为例，AI会输出：
- Day1：父子组件props/$emit通信原理 + 实战：制作一个计数器组件
- Day2：兄弟组件通信（EventBus/Provide-Inject）+ 实战：购物车数据同步
- Day3：Vuex状态管理基础 + 实战：待办事项全局状态管理
- 每天附带可运行的代码片段和常见bug排查指南
【进阶技巧】
• 学完基础后，可追加指令："请用Vue3 Composition API重写之前的示例代码，对比Options API的优劣"
• 遇到复杂问题时，直接粘贴报错信息让AI诊断："这段代码报错{错误信息}，请分析原因并给出修复方案"
• 让AI模拟面试官提问："请针对Vue组件生命周期出5道面试题，并给出标准答案"