第1章 Vue.js简介与安装

1.1 Vue概述

1.1.1 MVVM模式

1.1.2 Vue是什么

1.1.3 Vue有什么不同

1.2 如何使用Vue.js

1.2.1 传统的前端开发模式

1.2.2 Vue.js的开发模式

1.3 安装Vue

1.3.1 直接用＜script＞引入

1.3.2 NPM

1.3.3 命令行工具

1.4 第一个Vue程序

1.5 疑难解惑

第2章 Vue实例和模板语法

2.1 Vue实例

2.1.1 创建一个Vue实例

2.1.2 数据与方法

2.1.3 实例生命周期钩子

2.1.4 实例化多个对象

2.2 模板语法

2.2.1 插值

2.2.2 指令

2.2.3 缩写

2.3 疑难解惑

第3章 计算属性、侦听器和过滤器

3.1 计算属性

3.2 计算属性与方法

3.3 侦听属性

3.3.1 回调值为函数方法

3.3.2 回调值为对象

3.4 过滤器

3.5 疑难解惑

第4章 内置指令

4.1 基本指令

4.1.1 v-cloak

4.1.2 v-once

4.1.3 v-text与v-html

4.1.4 v-bind

4.1.5 v-on

4.2 条件渲染

4.2.1 v-if

4.2.2 在＜template＞元素上使用v-if条件渲染分组

4.2.3 v-else

4.2.4 v-else-if

4.2.5 用key管理可复用的元素

4.2.6 v-show

4.2.7 v-if与v-show的区别

4.3 列表渲染

4.3.1 使用v-for指令遍历元素

4.3.2 维护状态

4.3.3 数组更新检测

4.3.4 对象变更检测注意事项

4.3.5 在＜template＞上使用v-for

4.3.6 v-for与v-if一同使用

4.4 自定义指令

4.5 疑难解惑

第5章 页面元素样式的绑定

5.1 绑定HTML样式

5.1.1 数组语法

5.1.2 对象语法

5.1.3 在自定义组件上使用class

5.2 绑定内联样式

5.2.1 对象语法

5.2.2 数组语法

5.3 疑难解惑

第6章 事件处理

6.1 监听事件

6.2 事件处理方法

6.3 事件修饰符

6.3.1 stop修饰符

6.3.2 capture修饰符

6.3.3 self修饰符

6.3.4 once修饰符

6.3.5 prevent修饰符

6.3.6 passive修饰符

6.4 按键修饰符

6.5 系统修饰键

6.6 案例实战——仿淘宝Tab栏切换

6.7 疑难解惑

第7章 表单输入绑定（双向数据绑定）

7.1 双向绑定

7.2 基本用法

7.2.1 文本

7.2.2 多行文本

7.2.3 复选框

7.2.4 单选按钮

7.2.5 选择框

7.3 值绑定

7.3.1 绑定复选框

7.3.2 绑定单选按钮

7.3.3 绑定选择框

7.4 修饰符

7.4.1 lazy修饰符

7.4.2 number修饰符

7.4.3 trim修饰符

7.5 案例实战1——小游戏破坏瓶子

7.6 案例实战2——设计动态表格

7.7 疑难解惑

第8章 组件技术

8.1 组件是什么

8.2 组件的注册

8.2.1 全局注册

8.2.2 局部注册

8.3 组件中的data选项

8.4 组件中的props选项

8.5 组件的复用

8.6 组件间的数据通信

8.6.1 父组件向子组件通信

8.6.2 子组件向父组件通信

8.7 插槽

8.7.1 认识插槽

8.7.2 具名插槽

8.7.3 作用域插槽

8.7.4 解构插槽

8.8 案例实战——设计照片相册

8.9 疑难解惑

第9章 使用webpack打包

9.1 前端工程化与webpack

9.2 webpack基础配置

9.2.1 安装webpack与webpack-dev-server

9.2.2 webpack的核心概念

9.2.3 完善配置文件

9.3 单文件组件与vue-loader

9.4 疑难解惑

第10章 项目脚手架vue-cli

10.1 脚手架的组件

10.2 脚手架环境搭建

10.3 安装脚手架

10.4 创建项目

10.4.1 使用命令

10.4.2 使用图形化界面

10.5 疑难解惑

第11章 前端路由技术

11.1 实现Vue前端路由控制

11.1.1 前端路由的实现方式

11.1.2 路由实现步骤

11.2 命名路由、命名视图和路由传参

11.2.1 命名路由

11.2.2 命名视图

11.2.3 路由传参

11.3 编程式导航

11.4 组件与Vue Router间解耦

11.4.1 布尔模式解耦

11.4.2 对象模式解耦

11.4.3 函数模式解耦

11.5 疑难解惑

第12章 状态管理

12.1 Vuex概述

12.1.1 状态管理模式

12.1.2 Vuex的应用场合

12.2 Vuex的安装与使用

12.2.1 安装Vuex

12.2.2 Promise对象

12.2.3 使用Vuex

12.3 在项目中使用Vuex

12.3.1 使用脚手架搭建一个项目

12.3.2 state对象

12.3.3 getter对象

12.3.4 mutation对象

12.3.5 Action对象

12.4 疑难解惑

第13章 项目实训1——神影视频App

13.1 准备工作

13.1.1 开发环境

13.1.2 搭建Vue脚手架

13.2 网站概述

13.2.1 网站结构

13.2.2 初始化项目文件

13.3 设计项目组件

13.3.1 设计头部和底部导航组件

13.3.2 设计电影页面组件

13.3.3 设计影院页面组件

13.3.4 设计我的页面组件

13.4 设计项目页面组件及路由配置

13.4.1 电影页面组件及路由

13.4.2 影院页面组件及路由

13.4.3 我的页面组件及路由

第14章 项目实训2——音乐之家App

14.1 项目概述

14.1.1 开发环境

14.1.2 技术概括

14.1.3 项目结构

14.2 入口文件

14.2.1 项目入口页面（index.html）

14.2.2 程序入口文件（main.js）

14.2.3 组件入口文件（App.vue）

14.3 状态管理

14.3.1 store/api.js

14.3.2 store/index.js

14.4 项目组件设计

14.4.1 欢迎组件

14.4.2 播放组件

14.4.3 歌曲信息组件

14.4.4 歌曲列表组件

14.4.5 歌曲详情组件

第15章 项目实训3——仿手机QQ页面

15.1 项目概述

15.1.1 开发环境

15.1.2 技术概括

15.1.3 项目结构

15.2 入口文件

15.2.1 项目入口页面

15.2.2 程序入口文件

15.2.3 组件入口文件

15.3 状态管理

15.3.1 action.js

15.3.2 getters.js

15.3.3 mutations.js

15.3.4 store.js

15.4 项目组件及路由

15.4.1 配置路由

15.4.2 顶部导航栏组件

15.4.3 侧边栏导航组件

15.4.4 搜索组件

15.4.5 个人信息页面组件

15.4.6 底部tab栏组件

15.4.7 消息页面组件

15.4.8 聊天组件

15.4.9 朋友页面组件

15.4.10 动态页面组件

15.5 模拟请求数据

第16章 项目实训4——仿饿了么App

16.1 项目概述

16.1.1 开发环境

16.1.2 项目结构

16.2 入口文件

16.2.1 项目入口页面

16.2.2 程序入口文件

16.2.3 组件入口文件

16.3 项目组件

16.3.1 头部组件

16.3.2 商品数量控制组件

16.3.3 购物车组件

16.3.4 评论内容组件

16.3.5 商品详情组件

16.3.6 星级组件

16.3.7 商品组件

16.3.8 评论组件

16.3.9 商家信息组件