未加星标

学习Vue2.0的建议顺序

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二03 | 时间 2017 | 作者 红领巾 ] 0人收藏点击收藏
学习Vue2.0的建议顺序

注:本文是看过其他关于vue文章之后的想法,欢迎转载,请注明出处。

Vue官方文档: Vue2.0官方文档 ,官方文档永远是学习资料的第一步

起步 扎实的 javascript / HTML / CSS 基本功。这是前置条件。

通读官方教程 (guide) 的基础篇。不要用任何构建工具,就只用最简单的 <script>,把教程里的例子模仿一遍,理解用法。不推荐上来就直接用 vue-cli 构建项目,尤其是如果没有 Node/Webpack 基础。

照着官网上的示例,自己想一些类似的例子,模仿着实现来练手,加深理解。

阅读官方教程进阶篇的前半部分,到『自定义指令 (Custom Directive) 』为止。着重理解 Vue 的响应式机制和组件生命周期。『渲染函数(Render Function)』如果理解吃力可以先跳过。

阅读教程里关于路由和状态管理的章节,然后根据需要学习 vue-router 和 vuex。同样的,先不要管构建工具,以跟着文档里的例子理解用法为主。

走完基础文档后,如果你对于基于 Node 的前端工程化不熟悉,就需要补课了。下面这些严格来说并不是 Vue 本身的内容,也不涵盖所有的前端工程化知识,但对于大型的 Vue 工程是前置条件,也是合格的『前端工程师』应当具备的知识。

前端生态/工程化

了解 JavaScript 背后的规范,ECMAScript 的历史和目前的规范制定方式。学习 ES2015/16 的新特性,理解 ES2015 modules,建议可以看看 阮一峰ES6的教程 。

学习 Node.js 基础。node.js的学习曲线会比较长,需要了解到npm的常用命令,以及CMD和AMD的模块规范,node.js的API也很多,其实更多的是属于一项后端语言。 node.js官方文档

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

学习 Webpack。建议可以先看看 webpack的中文文档 。Webpack 是一个极其强大同时也复杂的工具。也是当下最流行的前端工程化的工具

Vue 进阶

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

根据 例子 尝试在 Webpack 模板基础上整合 vue-router 和 vuex,可以在git上下载 vue-cli 项目看看

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

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

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

参考链接: https://zhuanlan.zhihu.com/p/...

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

分页:12
转载请注明
本文标题:学习Vue2.0的建议顺序
本站链接:http://www.codesec.net/view/534009.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(84)