Vue.js开发快速入门到精通电子书

书名页

版权页

前言

基础篇

第1章 初识Vue.js

1.1 Vue.js概述

1.1.1 什么是Vue.js

1.1.2 Vue.js的主要特性

1.2 Vue.js的安装

1.2.1 直接下载并引入

1.2.2 引用外部CDN文件

1.2.3 使用NPM方法

1.3 Vue.js的开发模式

1.4 WebStorm简介

1.4.1 WebStorm的下载

1.4.2 WebStorm的安装

1.5 创建第一个Vue实例

第2章 基础特性

2.1 创建Vue实例

2.1.1 使用el选项定义挂载元素

2.1.2 使用data选项定义数据

2.1.3 使用methods选项定义方法

2.1.4 生命周期钩子函数

2.2 实现数据绑定

2.2.1 插值

2.2.2 定义过滤器

2.2.3 使用指令

2.3 综合案例—动态显示时间

2.4 实战练习

第3章 条件判断

3.1 使用v-if指令

3.1.1 基本用法

3.1.2 判断一组元素

3.2 使用v-else指令

3.3 使用v-else-if指令

3.4 管理可复用的元素

3.5 使用v-show指令

3.5.1 基本用法

3.5.2 v-if指令和v-show指令的比较

3.6 综合案例—输出奖项级别及奖品

3.7 实战练习

第4章 列表渲染

4.1 遍历数组

4.1.1 基本用法

4.1.2 循环渲染多个元素

4.1.3 数组的操作

4.2 遍历对象

4.2.1 基本用法

4.2.2 添加响应式属性

4.3 遍历整数

4.4 综合案例—过滤图书信息

4.5 实战练习

第5章 计算属性和监听属性

5.1 计算属性的基本用法

5.1.1 什么是计算属性

5.1.2 简单应用

5.2 getter和setter

5.2.1 使用getter读取属性值

5.2.2 使用setter设置属性值

5.3 计算属性的缓存

5.4 监听属性的用法

5.4.1 什么是监听属性

5.4.2 简单应用

5.4.3 deep选项的用法

5.5 计算属性和监听属性的比较

5.6 综合案例—统计购物车中的商品总价

5.7 实战练习

第6章 样式绑定

6.1 绑定class属性

6.1.1 绑定为对象

6.1.2 绑定为数组

6.2 绑定style属性

6.2.1 绑定为对象

6.2.2 绑定为数组

6.3 综合案例—竖向导航菜单

6.4 实战练习

第7章 事件处理

7.1 监听DOM事件

7.1.1 v-on指令

7.1.2 绑定事件处理方法

7.1.3 使用内联语句

7.2 事件中的修饰符

7.2.1 事件修饰符

7.2.2 按键修饰符

7.3 综合案例—二级联动菜单

7.4 实战练习

第8章 表单控件绑定

8.1 文本框的绑定

8.1.1 绑定单行文本框

8.1.2 绑定文本域

8.2 单选按钮的绑定

8.3 复选框的绑定

8.3.1 绑定单个复选框

8.3.2 绑定多个复选框

8.4 下拉菜单的绑定

8.4.1 绑定单选下拉菜单

8.4.2 绑定可多选的下拉菜单

8.5 将值绑定到动态属性

8.5.1 单选按钮的值绑定

8.5.2 复选框的值绑定

8.5.3 下拉菜单的值绑定

8.6 v-model指令的修饰符

8.6.1 lazy修饰符

8.6.2 number修饰符

8.6.3 trim修饰符

8.7 综合案例—省市区三级联动菜单

8.8 实战练习

第9章 自定义指令

9.1 注册自定义指令

9.1.1 注册全局自定义指令

9.1.2 注册局部自定义指令

9.2 钩子函数

9.3 绑定值的类型

9.3.1 绑定数值

9.3.2 绑定字符串

9.3.3 绑定对象字面量

9.4 综合案例—实现元素的随意拖动

9.5 实战练习

第10章 组件

10.1 组件的注册

10.1.1 全局注册

10.1.2 局部注册

10.2 向子组件传递数据

10.2.1 传递静态数据

10.2.2 Prop的书写规则

10.2.3 传递动态数据

10.2.4 Prop验证

10.3 组件的事件处理

10.3.1 自定义事件

10.3.2 监听原生事件

10.4 使用插槽实现内容分发

10.4.1 插槽的基础用法

10.4.2 编译作用域

10.4.3 设置后备内容

10.4.4 具名插槽的用法

10.4.5 插槽Prop

10.5 混入对象

10.5.1 混入的基础用法

10.5.2 选项的合并

10.5.3 全局混入对象

10.6 动态组件的使用

10.6.1 动态组件的基础用法

10.6.2 组件的缓存

10.7 综合案例—实现经典散文和经典小说之间的切换

10.8 实战练习

第11章 过渡效果

11.1 单元素的过渡效果

11.1.1 CSS过渡效果

11.1.2 过渡的类名

11.1.3 CSS动画效果

11.1.4 自定义过渡类名

11.1.5 使用钩子函数设置过渡

11.2 多元素的过渡效果

11.2.1 多元素过渡的基本用法

11.2.2 设置元素的key属性

11.2.3 设置过渡模式

11.3 多组件的过渡效果

11.4 列表的过渡效果

11.5 综合案例—广告图片的轮播效果

11.6 实战练习

第12章 使用插件实现路由和Ajax

12.1 设置路由

12.1.1 引入vue-router

12.1.2 路由的基本用法

12.1.3 动态匹配路由

12.1.4 设置路由名称

12.1.5 应用push()方法实现跳转

12.1.6 嵌套路由

12.1.7 设置视图名称

12.1.8 路由重定向

12.1.9 路由的高级用法

12.2 实现Ajax请求

12.2.1 引入axios

12.2.2 发送GET请求

12.2.3 发送POST请求

12.3 综合案例—应用嵌套路由实现组件的切换

12.4 实战练习

第13章 单页Web应用

13.1 webpack简介

13.1.1 webpack的安装

13.1.2 webpack的基本用法

13.2 loader简介

13.2.1 CSS加载器

13.2.2 配置文件

13.2.3 图片加载器

13.3 单文件组件

13.3.1 什么是单文件组件

13.3.2 简单应用

13.4 使用@vue/cli构建项目

13.4.1 @vue/cli的安装

13.4.2 快速构建项目

13.5 综合案例—实现购物车功能

13.6 实战练习

第14章 状态管理

14.1 什么是Vuex

14.2 Vuex的使用

14.2.1 Vuex的组成

14.2.2 在@vue/cli中使用Vuex

14.3 综合案例—保存用户登录状态

14.4 实战练习

案例篇

第15章 模拟QQ聊天窗口

15.1 案例分析

15.2 实现过程

15.2.1 左侧用户列表的设计

15.2.2 聊天内容显示区域设计

15.2.3 文字编辑区域设计

第16章 贪吃蛇小游戏

16.1 案例分析

16.2 实现过程

16.2.1 游戏初始界面设计

16.2.2 游戏操作

第17章 注册与登录

17.1 案例分析

17.2 实现过程

17.2.1 注册页面设计

17.2.2 用户注册验证

17.2.3 保存注册信息

17.2.4 登录页面设计

17.2.5 验证滑块设计

17.2.6 用户登录验证

17.2.7 在根组件中实现路由

第18章 时光音乐网首页设计

18.1 案例分析

18.2 实现过程

18.2.1 导航栏的设计

18.2.2 歌曲列表展示界面

18.2.3 轮播图的设计

18.2.4 歌曲排行榜

18.2.5 最新音乐资讯

18.2.6 页面底部的设计

18.2.7 在根组件中构建音乐网首页

第19章 游戏公园

19.1 案例分析

19.2 实现过程

19.2.1 主页设计

19.2.2 博客列表页面设计

19.2.3 博客详情页面设计

19.2.4 关于我们页面设计

项目篇

第20章 51购商城

20.1 项目的设计思路

20.1.1 项目概述

20.1.2 界面预览

20.1.3 功能结构

20.1.4 业务流程

20.1.5 文件夹组织结构

20.2 主页的设计与实现

20.2.1 主页的设计

20.2.2 顶部区和底部区功能的实现

20.2.3 商品分类导航功能的实现

20.2.4 轮播图功能的实现

20.2.5 商品推荐功能的实现

20.3 商品详情页面的设计与实现

20.3.1 商品详情页面的设计

20.3.2 图片放大镜效果的实现

20.3.3 商品概要功能的实现

20.3.4 猜你喜欢功能的实现

20.3.5 选项卡切换效果的实现

20.4 购物车页面的设计与实现

20.4.1 购物车页面的设计

20.4.2 购物车页面的实现

20.5 付款页面的设计与实现

20.5.1 付款页面的设计

20.5.2 付款页面的实现

20.6 登录注册页面的设计与实现

20.6.1 登录注册页面的设计

20.6.2 登录页面的实现

20.6.3 注册页面的实现