|
第1章 Vue.js简介 1
1.1 Vue.js概述 2
1.1.1 什么是Vue.js 2
1.1.2 Vue.js的特性 2
1.2 Vue.js的安装 2
1.2.1 直接下载并使用标签引入 2
1.2.2 使用CDN方法 4
1.2.3 使用NPM方法 4
1.3 开发工具WebStorm简介 4
1.4 创建第一个Vue实例 10
小结 12
上机指导 12
习题 13
第2章 基础特性 14
2.1 Vue实例及选项 15
2.1.1 挂载元素 15
2.1.2 数据 15
2.1.3 方法 16
2.1.4 生命周期钩子函数 17
2.2 数据绑定 18
2.2.1 插值 18
2.2.2 过滤器 22
2.2.3 指令 26
小结 27
上机指导 27
习题 28
第3章 条件判断与列表渲染 29
3.1 条件判断 30
3.1.1 v-if指令 30
3.1.2 在元素中使用v-if 30
3.1.3 v-else指令 31
3.1.4 v-else-if指令 32
3.1.5 v-show指令 33
3.1.6 v-if和v-show的比较 34
3.2 列表渲染 35
3.2.1 应用v-for指令遍历数组 35
3.2.2 在元素中使用v-for 37
3.2.3 数组更新检测 37
3.2.4 应用v-for指令遍历对象 41
3.2.5 向对象中添加属性 43
3.2.6 应用v-for指令遍历整数 45
小结 46
上机指导 46
习题 48
第4章 计算属性与监听属性 49
4.1 计算属性 50
4.1.1 什么是计算属性 50
4.1.2 getter和setter 51
4.1.3 计算属性缓存 53
4.2 监听属性 55
4.2.1 什么是监听属性 55
4.2.2 deep选项 57
小结 58
上机指导 58
习题 59
第5章 样式绑定 60
5.1 class属性绑定 61
5.1.1 对象语法 61
5.1.2 数组语法 64
5.2 内联样式绑定 66
5.2.1 对象语法 66
5.2.2 数组语法 68
小结 70
上机指导 70
习题 71
第6章 事件处理 72
6.1 事件监听 73
6.1.1 使用v-on指令 73
6.1.2 事件处理方法 73
6.1.3 使用内联JavaScript语句 76
6.2 事件处理中的修饰符 77
6.2.1 事件修饰符 77
6.2.2 按键修饰符 78
小结 79
上机指导 79
习题 81
第7章 表单控件绑定 82
7.1 绑定文本框 83
7.1.1 单行文本框 83
7.1.2 多行文本框 85
7.2 绑定复选框 86
7.2.1 单个复选框 86
7.2.2 多个复选框 86
7.3 绑定单选按钮 88
7.4 绑定下拉菜单 90
7.4.1 单选 90
7.4.2 多选 91
7.5 值绑定 93
7.5.1 单选按钮 94
7.5.2 复选框 94
7.5.3 下拉菜单 95
7.6 使用修饰符 96
7.6.1 lazy 96
7.6.2 number 97
7.6.3 trim 97
小结 98
上机指导 98
习题 100
第8章 自定义指令 101
8.1 注册指令 102
8.1.1 注册全局指令 102
8.1.2 注册局部指令 102
8.2 钩子函数 103
8.3 自定义指令的绑定值 107
8.3.1 绑定数值常量 107
8.3.2 绑定字符串常量 107
8.3.3 绑定对象字面量 108
小结 109
上机指导 109
习题 110
第9章 组件 111
9.1 注册组件 112
9.1.1 注册全局组件 112
9.1.2 注册局部组件 114
9.2 数据传递 116
9.2.1 什么是Prop 116
9.2.2 Prop的大小写 116
9.2.3 传递动态Prop 117
9.2.4 Prop验证 120
9.3 自定义事件 122
9.3.1 自定义事件的监听和触发 123
9.3.2 将原生事件绑定到组件 125
9.4 内容分发 126
9.4.1 基础用法 126
9.4.2 编译作用域 127
9.4.3 后备内容 128
9.4.4 具名插槽 129
9.4.5 作用域插槽 131
9.5 混入 133
9.5.1 基础用法 133
9.5.2 选项合并 134
9.5.3 全局混入 137
9.6 动态组件 137
9.6.1 基础用法 137
9.6.2 keep-alive 139
小结 140
上机指导 140
习题 143
第10章 过渡 144
10.1 单元素过渡 145
10.1.1 CSS过渡 145
10.1.2 过渡的类名介绍 146
10.1.3 CSS动画 147
10.1.4 自定义过渡的类名 148
10.1.5 JavaScript钩子函数 150
10.2 多元素过渡 153
10.2.1 基础用法 153
10.2.2 key属性 154
10.2.3 过渡模式 156
10.3 多组件过渡 157
10.4 列表过渡 158
小结 159
上机指导 160
习题 162
第11章 常用插件 163
11.1 应用vue-router实现路由 164
11.1.1 引入插件 164
11.1.2 基础用法 164
11.1.3 路由动态匹配 166
11.1.4 嵌套路由 166
11.1.5 命名路由 170
11.1.6 应用push()方法定义导航 170
11.1.7 命名视图 170
11.1.8 重定向 172
11.2 应用axios实现Ajax请求 172
11.2.1 引入方式 173
11.2.2 GET请求 173
11.2.3 POST请求 176
小结 178
上机指导 178
习题 183
第12章 单页Web应用 184
12.1 webpack简介 185
12.1.1 webpack的安装 185
12.1.2 基础用法 185
12.2 loader简介 187
12.2.1 加载CSS 187
12.2.2 webpack配置文件 187
12.2.3 加载图片文件 190
12.3 单文件组件 191
12.4 项目目录结构 193
12.4.1 @vue/cli的安装 193
12.4.2 创建项目 194
小结 200
上机指导 200
习题 204
第13章 状态管理 205
13.1 Vuex简介 206
13.2 基础用法 206
13.2.1 Vuex的核心概念 206
13.2.2 简单例子 207
13.3 实例 214
小结 220
上机指导 220
习题 224
第14章 综合开发实例—
51购商城 225
14.1 项目的设计思路 226
14.1.1 项目概述 226
14.1.2 界面预览 226
14.1.3 功能结构 227
14.1.4 文件夹组织结构 227
14.2 主页的设计与实现 228
14.2.1 主页的设计 228
14.2.2 顶部区和底部区功能的实现 230
14.2.3 商品分类导航功能的实现 233
14.2.4 轮播图功能的实现 235
14.2.5 商品推荐功能的实现 237
14.3 商品详情页面的设计与实现 239
14.3.1 商品详情页面的设计 239
14.3.2 图片放大镜效果的实现 240
14.3.3 商品概要功能的实现 242
14.3.4 猜你喜欢功能的实现 244
14.3.5 选项卡切换效果的实现 247
14.4 购物车页面的设计与实现 248
14.4.1 购物车页面的设计 248
14.4.2 购物车页面的实现 249
14.5 付款页面的设计与实现 252
14.5.1 付款页面的设计 252
14.5.2 付款页面的实现 253
14.6 登录和注册页面的设计与实现 256
14.6.1 登录和注册页面的设计 256
14.6.2 登录页面的实现 257
14.6.3 注册页面的实现 259
小结 263
第15章 课程设计—仿豆瓣
? 电影评分网 264
15.1 课程设计目的 265
15.2 系统设计 265
15.2.1 系统功能结构 265
15.2.2 文件夹组织结构 265
15.2.3 系统预览 266
15.2.4 在项目中使用jQuery 267
15.3 主页的设计与实现 268
15.3.1 主页的设计 268
15.3.2 “正在热映”版块的实现 269
15.3.3 “最近热门的电影”
版块的实现 273
15.4 电影信息页面的设计与实现 277
15.4.1 “基本信息和评分”
版块的设计 277
15.4.2 “剧情简介”版块的实现 278
15.4.3 “类似电影推荐”
版块的实现 279
15.5 电影评价功能的实现 280
15.5.1 记录想看的电影 280
15.5.2 评价看过的电影 284
15.5.3 删除记录 286
小结 286
|