Vue2学习顺序参考

Vue2学习顺序参考

---

---

TODO

1. 基础

   • HTML/CSS/JS
   • 官方教程 (guide) 的基础篇。不要光看啊，要使用，使用，用。实践才是最好的老师，实践会使用，一使用就能找到问题，然后解决问题，这是一个学习的良好闭环。正所谓反馈式学习。
     
   • 官方教程进阶篇的前半部分，到『自定义指令 (Custom Directive) 』为止。重点：响应式机制和组件生命周期。『渲染函数（Render Function)』可跳过。要相信第一遍看不懂的别气馁，之后再回头看，都会变成坦途。
     
   • 路由和状态管理的章节，并递进到 vuex 和 vue-router。这一阶段不借助实际代码可能很难理解或者说很枯燥，但是文档还是要过一遍，“不求甚解”，后期接入vue-cli生成实际项目再回过头来学习更好。

2. 前端工程化

   • ES6和ES2015 modules¹
   • npm常用命令²
   • npm scripts
   • 语义化版本号规则
   • CommonJS 模块规范³
   • Node 包的解析规则
   • Node 的常用 API
   • Babel
   • Webpack，基本了解其常用配置选项和loader 的概念/使用方法

3. 进阶

   • 理解vue的配置。从 webpack-simple 这个模板开始，并阅读官方教程进阶篇剩余的内容以及 vue-loader 的文档，了解一些进阶配置。
   • 在 Webpack 模板基础上整合 vue-router 和 vuex，可参考例子
   • 深入理解 Virtual DOM 和『渲染函数 (Render Functions)』这一章节（可选择性使用 JSX)，理解模板和渲染函数之间的对应关系，了解其使用方法和适用场景。
   • 服务端渲染（SSR），其实是否需要使用比如何使用更重要
   • 阅读开源的 Vue 应用、组件、插件源码，自己尝试编写开源的 Vue 组件、插件
   • 阅读vue源码，借助Flow

参考链接

[1] 尤雨溪. Vue 2.0 的建议学习顺序

感谢

---

1. modules ↩︎

2. npm常用命令 ↩︎

3. CommonJS ↩︎