就如同 Vue 对自己的自称来说,Vue 是一个渐进式的框架。那我们学习 Vue 自然也应该遵循一种渐进式的学习方式,尽量每学一步都能用到自己的实战小项目中,通过一步一步为项目添砖加瓦的形式来学习。

以下总结了一条学习路径以供参考:

  1. 学习 Vue 的基础语法
  2. 理解 Vue 的生命周期
  3. 学习用 Vite 构建 Vue 项目
  4. 理解单文件组件规范
  5. 深入理解组件
  6. 理解 Composition API(组合式 API)
  7. Element-ui 等第三方 UI 库(选学)
  8. Vue-router 路由
  9. Pinia 状态管理
  10. Stylus 等 CSS 预处理器(选学)
  11. TypeScript(建议学)
  12. 深入理解 Vue 的原理,包括响应式原理、Vite、Vue-loader 等

学习时可以多参考 Vue 官方教程Vue API参考,结合本网站的课件与教程作进一步理解。