Vue.js简介：1. Vue.js是什么2. vue和angular的区别3. 第一个Vue程序

常用指令：1. 什么是指令？2. vue中常用的指令v-modelv-forv-onv-show/v-if

常用指令02

练习：用户管理

事件:1. 事件简写2. 事件对象$event3. 事件冒泡4. 事件默认行为 5. 键盘事件6. 事件修饰符

属性：1. 属性绑定和属性的简写 2. class和style属性

模板：Vue.js使用基于HTML的模板语法，可以将DOM绑定到Vue实例中的数据数据绑定的方式 a.双向绑定 v-model b.单向绑定 方式1：使用两对大括号{{}}，可能会出现闪烁的问题，可以使用v-cloak解决 方式2：使用v-text、v-html

过滤器：1. 简介2. 关于内置过滤器3. 自定义过滤器

发送AJAX请求01：1. 简介2. 使用axios发送AJAX请求

发送AJAX请求02

发送JSONP请求：使用vue-resource发送跨域请求

练习：百度搜索列表

Vue生命周期：vue实例从创建到销毁的过程，称为生命周期，共有八个阶段

计算属性：1. 基本用法2. 计算属性 vs 方法3. get和set

vue实例的属性和方法：1. 属性 vm.$el vm.$data vm.$options vm.$refs2. 方法 vm.$mount() vm.$destroy() vm.$nextTick(callback)

实例的方法：$set、$delete、$watch

自定义指令：分类：全局指令、局部指令

练习：自定义指令，实现拖动页面中的元素

过渡（动画）：1. 简介2. 基本用法3. 钩子函数4. 结合第三方动画库animate..css一起使用

多元素动画：

定义组件的方式：1. 什么是组件2. 定义组件的方式

组件的分类： 全局组件、局部组件

引用模板：将组件内容放到模板中并引用动态组件： 组件 多个组件使用同一个挂载点，然后动态的在它们之间切换 组件

组件间数据传递：1. 父子组件2. 组件间数据传递 （通信） 2.1 子组件访问父组件的数据 2.2 父组件访问子组件的数据

单向数据流

非父子组件间的通信： 非父子组件间的通信，可以通过一个空的Vue实例作为中央事件总线（事件中心），用它来触发事件和监听事件

slot内容分发：用来获取组件中的原内容，类似angular中的transclude指令

路由的使用：1. 简介2. 基本用法

路由嵌套、参数传递、路由结合动画

单文件组件：1. .vue文件2. vue-loader 3. webpack

vue-cli脚手架： vue-cli是一个vue脚手架，可以快速构造项目结构 vue-cli本身集成了多种项目模板： simple 很少简单 webpack 包含ESLint代码规范检查和unit单元测试等 webpack-simple 没有代码规范检查和单元测试 browserify 使用的也比较多 browserify-simple

模块化开发：1. vue-router模块化2. axios模块化3. 为自定义组件添加事件

Element UI： Element UI是饿了么团队提供的一套基于Vue2.0的组件库，可以快速搭建网站，提高开发效率

自定义全局组件（插件）：可以在main.js中使用Vue.use()进行全局引入

Vuex基本用法01：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

Vuex基本用法02：Vuex的核心是Store(仓库)，相当于是一个容器，一个store实例中包含以下属性和方法： state 定义属性（状态、数据） getters 用来获取属性 actions 定义方法（动作） commit 提交变化，修改数据的**方式就是显式的提交mutations mutations 定义变化

分模块组织Vuex

本章节将带领大家搭建一个项目的基本结构，讲解项目的构建流程，但并不会带大家完整做一个项目，只会讲解项目结构的搭建，项目剩余部分由学员自己接着完成，希望各位学员能够能学以致用，独自完成！

项目结构02