Vue.js进阶教程第二步：Vue+KOA2项目实战

如果你已经能用 Vue 写出带路由、带组件的页面，却在一被问到「接口谁写的」「数据怎么落库」「登录状态怎么保持」时卡住，这门课就是冲这个缺口来的。它不教 Vue 语法入门，也不讲 KOA2 是什么，默认你已经写过一些前端页面，现在要把后端那一半补上。

先确认你缺的是哪一块

前后端分离听起来是个架构词，落到日常就是两件事：前端发请求、后端接请求并返回数据。很多人只做过前半段——调别人给好的接口，参数照着文档填，返回的 JSON 拿来渲染。一旦要自己定义这个接口长什么样、数据从哪来、出错怎么返回，就不知道从哪下手。

另一个常见缺口是状态。页面少的时候，组件之间传个值就够用；页面一多，登录用户信息、购物车、权限标记散落在各个组件里，改一处漏一处。这时候才需要 Vuex，而不是因为它「高级」才学。

这门课瞄准的正是这两个缺口：自己写接口和把跨页面状态管起来。如果你目前还没写过完整的增删改查页面，建议先补 Vue 基础再回来。

前端部分要练的是什么

课程的前端侧不是再讲一遍指令和生命周期，而是把 Vue 放进一个真实项目的结构里：路由怎么分层、组件怎么拆、请求怎么统一封装、接口出错时页面怎么给出反馈。Element-UI 在这里的作用是让你不必把时间花在调样式上，把精力留给数据流。

Vuex 是前端部分最需要沉下心的一块。学完你应该能回答：哪些数据该放进 store，哪些该留在组件本地；用户登录后拿到的信息，怎么让多个页面同时读到；刷新页面后状态丢了怎么办。这些问题没有标准答案，但你必须有自己的判断，而不是见状态就塞 store。

后端部分绕不开的四件事

KOA2 的代码量不大，难的是理解中间件按什么顺序执行、一个请求进来之后经过哪些环节、错误在哪里被捕获。课程会带着走一遍完整的请求链路，而不是只贴几段路由代码。

数据库这关更实际。用 Sequelize 操作 MySQL，你需要搞清楚模型怎么定义、表和模型怎么对应、关联关系怎么写。很多初学者写得出单表查询，一到多表关联就写不下去了，这块要专门花时间动手。

接口设计同样值得留意。RESTful 不只是把 URL 拼得好看，而是约定好用什么方法、返回什么结构、状态码怎么用。登录注册是最典型的综合案例：密码怎么处理、token 怎么发、后续请求怎么带上、失效了前端怎么跳转，这一条线走通，后面加功能就是重复这套模式。

看完应该能回答的问题

• 一个请求从 Vue 组件发出，到 KOA2 处理完返回数据，中间经过了哪些环节？
• 用户登录后，前端把凭证放在哪里，后端怎么验证它？
• 表与表之间的关联，在 Sequelize 里怎么描述，查询时又怎么取？
• 接口报错时，后端返回什么，前端在哪一层统一处理？
• 新增一个业务模块，前端和后端分别要动哪些文件？

这些问题答不上来，说明只是把代码跟着敲了一遍。答得上来，才算真的把前后端这条线接上了。建议边看边自己搭一遍环境，把课程里的功能换一个业务场景重写一次——比如把登录注册改成图书借阅，改的过程比看的过程有用得多。