从零开始学Vue.js

第1篇　基础知识篇
第1章　Vue.js简介 2 视频讲解：8节，28分钟
1.1 Vue.js概述 3
1.1.1 什么是Vue.js 3
1.1.2 Vue.js的特性 3
1.2 Vue.js的安装 4
1.2.1 直接下载并引入 4
1.2.2 使用CDN方法 5
1.2.3 使用NPM方法 5
1.3 Vue.js的开发模式 5
1.4 开发工具WebStorm简介 6
1.4.1 WebStorm的下载 6
1.4.2 WebStorm的安装 7
1.5 创建第一个Vue实例 9
[实例1.1] 输出“Hello Vue.js” 9
本章知识思维导图 12

第2章 基础特性 13 视频讲解：7节，61分钟
2.1 Vue实例及选项 14
2.1.1 挂载元素 14
2.1.2 数据 14
2.1.3 方法 15
2.1.4 生命周期钩子函数 16
2.2 数据绑定 17
2.2.1 插值 17
[实例2.1] 插入文本 17
[实例2.2] 插入HTML内容 18
[实例2.3] 为元素设置样式 18
[实例2.4] 为图片绑定属性 20
[实例2.5] 获取QQ邮箱地址中的QQ号 21
2.2.2 过滤器 21
[实例2.6] 获取当前的日期、星期和时间 22
[实例2.7] 截取新闻标题 23
2.2.3 指令 25
本章知识思维导图 26

第3章 条件判断 27 视频讲解：7节，34分钟
3.1 v-if指令 28
3.1.1 基本用法 28
3.1.2 在元素中使用v-if 28
3.2 v-else指令 29
[实例3.1] 判断2021年2月份的天数 29
3.3 v-else-if指令 30
[实例3.2] 判断空气质量状况 30
3.4 应用key属性管理可复用的元素 31
3.5 v-show指令 33
3.5.1 基本用法 33
[实例3.3] 切换图片的显示和隐藏 33
3.5.2 v-if和v-show的比较 34
本章知识思维导图 34

第4章 列表渲染 35 视频讲解：6节，52分钟
4.1 应用v-for指令遍历数组 36
4.1.1 基本用法 36
[实例4.1] 输出省份、省会以及旅游景点信息 37
4.1.2 在元素中使用v-fo/ 37
[实例4.2] 输出网站导航菜单 38
4.1.3 数组更新检测 38
[实例4.3] 输出2020年内地电影票房排行榜前十名 39
4.2 应用v-for指令遍历对象 41
4.2.1 基本用法 41
4.2.2 向对象中添加属性 43
4.3 应用v-for指令遍历整数 44
[实例4.4] 输出九九乘法表 44
本章知识思维导图 46

第5章 计算属性 47 视频讲解：3节，28分钟
5.1 基本用法 48
5.1.1 什么是计算属性 48
5.1.2 计算属性的应用 48
[实例5.1] 统计购物车中的商品总价 49
5.2 getter和sette/ 50
5.2.1 gette/ 50
5.2.2 sette/ 51
5.3 计算属性缓存 52
本章知识思维导图 53

第6章 监听属性 54 视频讲解：3节，19分钟
6.1 基本用法 55
6.1.1 什么是监听属性 55
6.1.2 监听属性的应用 55
[实例6.1] 实现汇率换算 56
6.2 deep选项 56
6.3 计算属性和监听属性的比较 57
本章知识思维导图 58

第2篇　核心技术篇
第7章 样式绑定 60 视频讲解：4节，38分钟
7.1 class属性绑定 61
7.1.1 对象语法 61
[实例7.1] 为书名添加颜色 62
[实例7.2] 以垂直方式从右向左显示文本 65
7.1.2 数组语法 66
7.2 内联样式绑定 68
7.2.1 对象语法 68
[实例7.3] 为搜索框绑定样式 69
[实例7.4] 竖向导航菜单 70
7.2.2 数组语法 71
本章知识思维导图 73

第8章 事件处理 74 视频讲解：6节，38分钟
8.1 事件监听 75
8.1.1 使用v-on指令 75
[实例8.1] 统计单击按钮的次数 75
8.1.2 事件处理方法 75
[实例8.2] 动态改变页面的背景颜色 76
[实例8.3] 动态改变图片透明度 77
[实例8.4] 为图片添加和去除边框 78
8.1.3 使用内联JavaScript语句 79
8.1.4 实战应用 80
[实例8.5] 二级联动菜单 80
8.2 事件处理中的修饰符 82
8.2.1 事件修饰符 82
8.2.2 按键修饰符 83
[实例8.6] 按下回车键自动切换焦点 84
本章知识思维导图 86

第9章 表单控件绑定 87 视频讲解：13节，95分钟
9.1 绑定文本框 88
9.1.1 单行文本框 88
[实例9.1] 搜索图书信息 88
9.1.2 多行文本框 89
[实例9.2] 限制用户输入字数 90
9.2 绑定复选框 91
9.2.1 单个复选框 91
[实例9.3] 切换注册按钮的状态 92
9.2.2 多个复选框 93
[实例9.4] 实现复选框的全选、反选和全不选操作 94
9.3 绑定单选按钮 95
[实例9.5] 模拟查询话费流量的功能 96
9.4 绑定下拉菜单 97
9.4.1 单选 97
[实例9.6] 更换页面主题 98
9.4.2 多选 99
[实例9.7] 选择职位 100
9.5 值绑定 101
9.5.1 单选按钮 101
9.5.2 复选框 101
9.5.3 下拉菜单 102
9.6 使用修饰符 103
9.6.1 lazy 103
9.6.2 numbe/ 103
9.6.3 trim 104
本章知识思维导图 105

第10章 自定义指令 106 视频讲解：7节，40分钟
10.1 注册指令 107
10.1.1 注册全局指令 107
10.1.2 注册局部指令 107
10.2 钩子函数 108
[实例10.1]为图片设置边框 110
[实例10.2] 通过下拉菜单设置文字大小 110
10.3 自定义指令的绑定值 111
10.3.1 绑定数值常量 111
10.3.2 绑定字符串常量 112
10.3.3 绑定对象字面量 112
10.4 实战应用 112
[实例10.3] 实现元素的随意拖动 113
本章知识思维导图 115

第11章 组件 116 视频讲解：21节，127分钟
11.1 注册组件 117
11.1.1 注册全局组件 117
11.1.2 注册局部组件 119
11.2 数据传递 120
11.2.1 什么是Prop 120
11.2.2 Prop的大小写 121
11.2.3 传递动态Prop 121
[实例11.1] 输出影片信息 122
11.2.4 Prop验证 124
11.3 自定义事件 127
11.3.1 自定义事件的监听和触发 127
[实例11.2] 单击按钮放大文本 127
[实例11.3] 导航菜单效果 128
11.3.2 将原生事件绑定到组件 130
11.4 内容分发 130
11.4.1 基础用法 130
11.4.2 编译作用域 131
11.4.3 后备内容 132
11.4.4 具名插槽 133
[实例11.4] 输出简单商品信息 133
11.4.5 作用域插槽 135
[实例11.5] 输出人物信息列表 136
11.5 混入 137
11.5.1 基础用法 137
11.5.2 选项合并 138
11.5.3 全局混入 140
11.6 动态组件 141
11.6.1 基础用法 141
[实例11.6] 实现文字选项卡的切换 141
11.6.2 keep-alive 143
[实例11.7] 实现选项卡内容的缓存效果 143
11.7 其他用法 146
11.7.1 使用$refs访问组件 146
11.7.2 使用