VUE2.0从零开始 学习路线

前提

前提条件:JS/HTML/CSS基础扎实。凡事欲速则不达,要稳扎稳打,步步为营。

起步

1.先撸一遍官方基础教程,所有的例子都敲一遍,理解用法,学着举一反三,结合自己的经验试着写一些例子,加深理解。不要直接用构建工具vue-cli构建项目。

2.再撸一遍进阶教程,到 自定义指令 (Custom Directive) 部分。着重理解Vue的响应式机制和组件生命周期。遇到不太理解的可先跳过。

3.阅读关于路由和状态管理的章节,根据要学习vue-router和vuex。

进阶

1.node.js基础、命令行的使用

2.了解如何使用/配置Babel来将ES2015编译到ES5用于浏览器环境。

3.学习Webpack。Webpack 是一个极其强大同时也复杂的工具,作为起步,理解它的『一切皆模块』的思想,并基本了解其常用配置选项和 loader 的概念/使用方法即可,比如如何搭配 Webpack 使用 Babel。学习 Webpack 的一个挑战在于其本身文档的混乱,建议多搜索搜索,应该还是有质量不错的第三方教程的。英文好的建议阅读Webpack 2.0 的文档比起 1.0 有极大的改善但需要注意和 1.0 的不兼容之处

Vue进阶

1. 有了 Node 和 Webpack 的基础,可以通过 vue-cli 来搭建基于 Webpack ,并且支持单文件组件的项目了。建议用 webpack-simple 这个模板开始,并阅读官方教程进阶篇剩余的内容以及vue-loader 的文档,了解一些进阶配置。有兴趣的可以自己亲手从零开始搭一个项目加深理解。

2. 根据例子尝试在 Webpack 模板基础上整合 vue-router 和 vuex。

3. 深入理解 Virtual DOM 和『渲染函数 (Render Functions)』这一章节(可选择性使用 JSX),理解模板和渲染函数之间的对应关系,了解其使用方法和适用场景。

4. (可选)根据需求,了解服务端渲染的使用(需要配合 Node 服务器开发的知识)。其实更重要的是理解它所解决的问题并搞清楚你是否需要它。

5. 阅读开源的 Vue 应用、组件、插件源码,自己尝试编写开源的 Vue 组件、插件。

6. 参考贡献指南阅读 Vue 的源码,理解内部实现细节。(需要了解Flow)


参考:新手向:Vue 2.0 的建议学习顺序


你可能感兴趣的:(VUE2.0从零开始 学习路线)