Vue入门指南(快速上手vue)

Vue.js 2.0 快速上手vue

自从Vue2.0发布后，Vue就成了前端领域的热门话题，github排名已是前几名了，那么对于新手来讲，如何高效快速的学习Vue2.0呢。

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和参数解构。实践的方法同样是先看别人别人写的代码，好比官方的购物车实例的应用结构把以前写的demo优化一下，有些地方能够用用vuexvuex主要是用来对不一样组件间进行通讯，它构建了一个Vue实例的全局数据与方法，这些数据与方法能够在该Vue实例的全部组件中get与set.

Vue基础

对于没有接触过es6和webpack的童鞋来讲，不建议直接用官方的脚手架vue-cli构件项目。先按文档顺序最少学习完组件那一章。直接在html文件中引入vue.js开始学习,了解vue的基础指令，和整个vue实例的基础架构。vue的生命周期很重要，了解这点之后能够免去不少问题。学完这些能够作一些练手的小项目，好比万年不变的todolist。。。如今能够开始学习使用vue-cli构件项目了，学习组件化以前，推荐先看一下es6关于模块的介绍。阮一峰《ECMAScript6》 Module光会这些仍是不够的，还得会一些npm基础，知道如何用git-bush来安装模块依赖，会一些经常使用的命令。这方面的知识能够参阅npm入门文档看完这些就能够试着将以前的写的demo用搭建的vue-cli来实现。

入门到学无止境

Vue入门指南-01 建立vue实例 (快速上手vue)

Vue入门指南-02 自定义全局和局部指令(快速上手vue)

Vue入门指南-03 vue官方提供的指令(快速上手vue)

Vue入门指南-04 事件机制和事件/按键修饰符和过滤器及监听属性(快速上手vue)

Vue入门指南-05 Vue实例的生命周期(快速上手vue)

Vue入门指南-06 Vue中的动画(快速上手vue)

Vue入门指南-07 Vue中的组件(快速上手vue)

Vue入门指南-08 Vue中的标签/如何获取DOM元素(快速上手vue)

Vue中级指南

Vue中级指南-01 如何在Vue项目中导出Excel

Vue中级指南-02 如何在Vue项目使用富文本

Vue中级指南-03 如何在Vue项目使用阿iconfont图标

Vue中级指南-04 Vue中跨域以及打包部署到nginx跨域设置

Vue中级指南-05 Vue中路由跳的转进度条和数据加载Loading显示