VueJs2.0建议学习路线
来源:互联网 发布:铜仁学院大数据学院 编辑:程序博客网 时间:2024/04/28 11:06
最近VueJs确实火了一把,自从Vue2.0发布后,Vue就成了前端领域的热门话题,github也突破了三万的star,那么对于新手来说,如何高效快速的学习Vue2.0呢。
既然大家会看这篇文章,那么肯定是vue的学习者了,或是遇到的瓶颈,或者刚刚开始学,不知道如何快速起步,本篇文章将带领大家在最短的时间内构件一个学习Vue的学习路线。
Vuejs的作者尤雨溪尤大也写过一篇关于新手学习vue路径的文章新手向:Vue 2.0 的建议学习顺序
百度vuejs搜索的是vue1的文档,推荐大家直接上2.0,毕竟1和2还是有区别的。vue2.0文档地址Vue2.0
Vue基础
- 对于没有接触过es6和webpack的童鞋来说,不建议直接用官方的脚手架vue-cli构件项目。
- 先按文档顺序最少学习完组件那一章。直接在html文件中引入vue.js开始学习,了解vue的基础指令,和整个vue实例的基础架构。
- 学完这些可以做一些练手的小项目,比如万年不变的todolist。。。
- 现在可以开始学习使用vue-cli构件项目了,学习组件化之前,推荐先看一下es6关于模块的介绍。阮一峰《ECMAScript6》 Module
- 光会这些还是不够的,还得会一些npm基础,知道如何用git-bush来安装模块依赖,会一些常用的命令。这方面的知识可以参阅npm入门文档
- 看完这些就可以试着将之前的写的demo用搭建的vue-cli来实现。附上我写的一个入门小demovue-demo-search
- 到这里vue基础篇就结束了。你还可以有条件的参阅剩下的官方文档里面的进阶篇,如果时间有限,我们就直接进入vue-router
Vue-router
- 和之前一样,推荐直接用html+js过一遍文档
- 对路由导航钩子得好好看一看。
- 看完文档就可以上手vue-cli,一般新手在这几天都会死活跑不出来。
- 最直接的方法就是去github上搜一些关于vue-router2.0的demo,看别人是怎么构件路由的,看别人是怎么构件项目目录的。
- 如果能跑出来,就可以做一些小项目了,比如写一个知乎日报啊,这些demo在github上很多。
- 可以结合一些组件库写demo,这样可以更加了解组件化。比如饿了么团队的Element、mint-ui
Vuex
什么是vuex?
Vuex 是一个专门为 Vue.js 应用设计的 状态管理模型 + 库。它为应用内的所有组件提供集中式存储服务,其中的规则确保状态只能按预期方式变更。说白了就是控制应用的一些全局状态。状态改变了,对应的视图也会改变。
- 在学习Vuex时,会有一些ES6特性,当遇到这些时,最好不要一带而过,去好好看一看这些es6特性。
- 比如在学习Action时可以看看ES6新增的Promise和参数解构。
- 实践的方法一样是先看别人别人写的代码,比如官方的购物车实例的应用结构
到此,恭喜你已经成功入门Vue了。还学会了一点ES6,,附带一点Webpack
1 0
- VueJs2.0建议学习路线
- VueJs2.0建议学习路线
- VueJs2.0建议学习路线
- VueJs2.0建议学习路线
- VueJs2.0建议学习路线
- VueJs2.0建议学习路线
- Vue.Js2.0建议学习路线
- vueJs2.0学习笔记(三)
- vueJs2.0学习笔记(五)
- vueJs2.0学习笔记(六)
- J2EE建议的学习路线!
- J2EE建议的学习路线!
- J2EE建议的学习路线!
- J2EE建议的学习路线
- J2EE建议的学习路线
- J2EE建议的学习路线
- 国嵌学习路线建议
- J2EE建议的学习路线
- 【JDK源码阅读2-util】Collection-List
- 51nod 1013 3的幂的和
- 应用GregorianCalendar类的日历程序
- 计算二元函数
- 关于UML图的理解[入门]
- VueJs2.0建议学习路线
- FFmpeg使用小记
- Java编年史
- 2016/11/3学习工作日志
- 51nod 1014 X^2 Mod P
- HDU4339 Query (线段树)
- Android 清除缓存
- Linux下Tomcat配置为系统服务,并开机自启动
- MUI:全局变量、常量、共享数据、跨webview传参的综述