Vue的学习之路（大纲）

Vue的基本使用：
此处只是列举vue的基本知识大纲，具体的讲解请看下面的连接：http://jspang.com/post/vueNav.html
本文末尾会附上以下vue学习过程中的源码。

Vue基础部分

第一章：内部指令
1.v-if v-else v-show
2.v-for指令 ：解决模板循环问题
3.v-text & v-html
4.v-on：绑定事件监听器
5.v-model指令
6.v-bind 指令
7.v-pre & v-cloak & v-once

第二章：全局API
1.Vue.directive 自定义指令
2.Vue.extend构造器的延伸
3.Vue.set全局操作
4.Vue的生命周期（钩子函数）
5.Template 制作模版
6.Component 初识组件
7.Component 组件props 属性设置
8.Component 父子组件关系

第三章：选项
1.propsData Option 全局扩展的数据传递
2.computed Option 计算选项
3.Methods Option 方法选项
4.Watch 选项 监控数据
5.Mixins 混入选项操作
6.Extends Option 扩展选项

第四章：实例和内置组件
1.实例入门-实例属性
2.实例方法
3.实例事件
4.内置组件 -slot讲解

Vue全家桶部分

第五章：Vue-cli
1.Vue-cli安装和初始化
2.Vue-cli项目结构讲解
3.解读Vue-cli的模板

第六章：Vue-router
1.Vue-router入门
2.vue-router配置子路由
3.vue-router如何参数传递
4.单页面多路由区域操作
5.vue-router 利用url传递参数
6.vue-router 的重定向-redirect
7.alias别名的使用
8.路由的过渡动画
9.mode的设置和404页面的处理
10.路由中的钩子
11.编程式导航

第七章：Vuex
1.初出茅庐 来个小Demo
2.state访问状态对象
3.Mutations修改状态
4.getters计算过滤操作
5.actions异步修改状态
6.module模块组

实战部分
第八章：快餐店收银系统
1.Vue-cli搭建开发环境
2.搞定项目图标Iconfont
3.编写独立的侧边栏导航组件
4.开启Element封印
5.利用Element快速布局（1）
6.利用Element快速布局（2）
7.Axios从远程读取数据
8.订单模块制作 核心功能-1
9.订单模块制作 核心功能-2
10.项目打包和上线

源码地址：
1-4章源码：https://download.csdn.net/download/silence_sep/10679055
5,6章源码：https://download.csdn.net/download/silence_sep/10679064
第7章源码：https://download.csdn.net/download/silence_sep/10678899
第8章源码：https://download.csdn.net/download/silence_sep/10678911