Vue 后端工程师学习索引

这是一套给后端工程师的 Vue 入门与工程化实战教程。目标不是“会写几个组件”，而是能在团队里接住真实需求，安全修改旧项目并完成上线交付。

一、这套教程解决什么问题

• 不再停留在“能跑 demo”，而是能看懂并维护中后台前端项目。
• 知道一个 Vue 项目从初始化、联调、提测到上线的完整链路。
• 知道在旧项目中如何做小修改，降低回归风险。
• 建立可持续的学习方法，而不是一次性速成。

二、推荐阅读顺序

1. 后端工程师学习 Vue 的方法论
2. Vue 工程化起步：Vite 项目初始化与联调
3. Vue 中后台项目目录结构设计
4. Vue 路由、状态管理与接口分层实战
5. Vue 项目调试排错与前端质量保障
6. 旧 Vue 项目小步修改实战
7. Vue 需求交付实战：从评审到提测

三、建议学习节奏（4 周）

第 1 周：建立认知

• 完成方法论篇 + 工程化起步篇。
• 本周产出：能在本地跑通项目，完成一次接口联调。

第 2 周：读懂项目

• 完成目录结构篇 + 数据流篇。
• 本周产出：画出你所在项目的“路由-页面-状态-接口”关系图。

第 3 周：敢于修改

• 完成调试排错篇 + 旧项目小改篇。
• 本周产出：在旧项目完成 1 个可回归的小需求。

第 4 周：端到端交付

• 完成交付实战篇，并将流程套到真实需求。
• 本周产出：一次从需求评审到提测的完整交付记录。

四、学习过程中的优先级

1. 先理解工程骨架，再研究高级语法。
2. 先会“改”，再会“写”。
3. 先保证稳定上线，再谈代码优雅。

五、每篇文章建议的学习动作

• 阅读时同步在本地项目里做一遍对应步骤。
• 每篇结束后写 5 行“我今天能独立完成什么”。
• 每完成两篇，主动做一次 30 分钟复盘，记录阻塞点。

六、完成这套教程后你应该具备的能力

• 能独立接入一个新的后端接口到前端页面。
• 能在旧项目中增加一个字段、改一个表单并保证可回归。
• 能识别路由、状态、权限、接口层的常见问题。
• 能给前端同学提可执行的协作信息，而不是模糊描述。

七、可选延展方向

• TypeScript 深入（类型体操不是重点，重点是接口类型安全）。
• 组件库二次封装（以业务一致性和效率为目标）。
• CI/CD 前端流水线（lint/test/build/deploy 一体化）。