篇 基础知识
章 初识Vue.js 2
视频讲解：19分钟
1.1 什么是Vue.js 2
1.1.1 Vue.js简介 2
1.1.2 MVVM开发模式 3
1.1.3 Vue.js的特点 3
1.2 安装Vue.js 4
1.2.1 使用CDN 4
1.2.2 使用NPM 4
1.. 使用Vue CLI 5
1.3 Vue.js 3.0的新特 5
1.4 WebStorm的下载和安装 6
1.4.1 WebStorm的下载 6
1.4.2 WebStorm的安装 7
1.5 个Vue.js程序 10
1.6 实践与练习 14
第2章 ECMAScript 6语法介绍 15
视频讲解：74分钟
2.1 块级声明 15
2.1.1 let声明 16
2.1.2 const声明 16
2.2 模板字面量 17
2.2.1 多行字符串 17
2.2.2 字符串占位符 17
. 默认参数和rest参数 18
..1 默认参数 18
..2 rest参数 18
2.4 解构赋值 20
2.4.1 对象解构 20
2.4.2 数组解构 21
2.5 展开运算符 21
2.6 对象字面量语法扩展 22
2.6.1 对象初始化的简写
2.6.2 对象方法的简写
2.6.3 动态属名 24
2.7 箭头函数 24
2.7.1 语法 24
2.7.2 箭头函数中的this 25
2.8 Promise 26
2.9 类 27
2.9.1 创建类和实例 27
2.9.2 类的构造函数 28
2.9.3 在类中添加方法 29
2.9.4 类的继承 31
2.9.5 静态成员 31
2.10 模块 32
2.10.1 模块概述 32
2.10.2 ES6中的模块 33
2.11 实践与练习 36
第3章 Vue实例与数据绑定 38
视频讲解：36分钟
3.1 应用程序实例及选项 38
3.1.1 数据 39
3.1.2 方法 39
3.1.3 生命周期钩子 40
3.2 插值 42
3.2.1 文本插值 42
3.2.2 插入HTML 43
3.. 绑定属 44
3.2.4 使用表达式 45
3.3 指令 47
3.3.1 参数 47
3.3.2 动态参数 47
3.3.3 修饰符 48
3.4 实践与练习 48
第4章 条件判断指令 49
视频讲解：30分钟
4.1 v-if指令 49
4.1.1 基本用法 49
4.1.2 判断一组元素 50
4.2 v-else指令 51
4.3 v-else-if指令 53
4.4 v-show指令 55
4.5 如何选择v-if和v-show 56
4.6 实践与练习 57
第5章 v-for指令 58
视频讲解：56分钟
5.1 遍历数组 58
5.1.1 基本用法 58
5.1.2 循环一组元素 61
5.1.3 更新数组 62
5.2 遍历对象 65
5.2.1 基本用法 65
5.2.2 向对象中添加响应式属 67
5.3 遍历整数 68
5.4 key属 70
5.5 实践与练习 71
第6章 计算属和监听属 72
视频讲解：47分钟
6.1 计算属 72
6.1.1 计算属简介 72
6.1.2 计算属的应 73
6.1.3 计算属的getter和setter 74
6.1.4 计算属的缓存 77
6.2 监听属 79
6.2.1 监听属简介 79
6.2.2 监听属的应 80
6.. 监听对象 81
6.3 计算属和监听属的比较 82
6.4 实践与练习 83
第2篇 核心技术
第7章 元素样式绑定 86
视频讲解：38分钟
7.1 class绑定 86
7.1.1 对象语法 86
7.1.2 数组语法 94
7.2 style绑定 96
7.2.1 对象语法 96
7.2.2 数组语法 99
7.3 实践与练习 101
第8章 事件处理 102
视频讲解：34分钟
8.1 监听事件 102
8.2 事件处理方法 103
8.2.1 绑定方法 103
8.2.2 使用事件对象 105
8.. 使用内联语句 107
8.3 修饰符的使用 109
8.3.1 事件修饰符 109
8.3.2 按键修饰符 111
8.4 实践与练习 114
第9章 表单元素绑定 116
视频讲解：95分钟
9.1 文本框绑定 116
9.1.1 单行文本框 117
9.1.2 多行文本框 119
9.2 复选框绑定 121
9.2.1 单个复选框 121
9.2.2 多个复选框 124
9.3 单选按钮绑定 125
9.4 下拉列表框绑定 127
9.4.1 单选列表框 127
9.4.2 多选列表框 130
9.5 值绑定 133
9.5.1 单选按钮 133
9.5.2 复选框 134
9.5.3 下拉列表框 135
9.6 修饰符的使用 136
9.6.1 lazy 136
9.6.2 number 137
9.6.3 trim 137
9.7 实践与练习 138
0章 自定义指令 139
视频讲解：16分钟
10.1 注册自定义指令 139
10.1.1 全局自定义指令 139
10.1.2 局部自定义指令 140
10.2 钩子函数 141
10.3 绑定值的类型 145
10.3.1 绑定数值 145
10.3.2 绑定字符串 146
10.3.3 绑定对象字面量 147
10.4 实践与练习 148
1章 组件 149
视频讲解：118分钟
11.1 注册组件 149
11.1.1 注册全局组件 150
11.1.2 注册局部组件 152
11.2 向子组件传递数据 153
11.2.1 Prop基本用法 153
11.2.2 数据验 160
11.3 监听子组件事件 163
11.3.1 监听自定义事件 163
11.3.2 监听原生事件 166
11.4 插槽的使用 168
11.4.1 基础用法 168
11.4.2 编译作用域 169
11.4.3 默认内容 170
11.4.4 命名插槽 171
11.4.5 作用域插槽 174
11.5 混入 178
11.5.1 基础用法 178
11.5.2 选项合并 179
11.6 动态组件 182
11.6.1 动态组件的用法 182
11.6.2 缓存效果 185
11.7 实践与练习 190
2章 组合API 191
视频讲解：31分钟
12.1 什么是组合API 191
12.2 setup()函数 192
1. 响应式API 194
1..1 reactive()方法 194
1..2 watchEffect()方法 195
1.. ref()方法 195
1..4 computed()方法 197
1..5 watch()方法 198
12.4 生命周期钩子函数 200
12.5 使用ref获取DOM元素 200
12.6 实践与练习 202
3章 过渡和动画效果 203
视频讲解：83分钟
13.1 单元素过渡 203
13.1.1 CSS过渡 203
13.1.2 过渡的类名 205
13.1.3 自定义过渡的类名 206
13.1.4 CSS动画 208
13.1.5 使用JavaScript钩子函数实现动画 209
13.2 多元素过渡 213
13.2.1 多元素过渡的用法 213
13.2.2 设置元素的key属 214
13.. 过渡模式的设置 217
13.3 多组件过渡 218
13.4 列表过渡 222
13.5 实践与练习 224
4章 渲染函数 226
视频讲解：22分钟
14.1 什么是虚拟DOM 226
14.2 render()函数的使用 227
14.2.1 基本用法 227
14.2.2 h()函数 0
14.3 使用JavaScript代替模板功能
14.4 实践与练习
第3篇 高级应用
5章 使用Vue Router实现路由 240
视频讲解：42分钟
15.1 路由基础 240
15.1.1 引入Vue Router 241
15.1.2 基本用法 241
15.1.3 动态路由匹配 244
15.1.4 命名路由 245
15.2 编程式导航 245
15.3 嵌套路由 249
15.4 命名视图 254
15.5 高级用法 257
15.5.1 beforeEach钩子函数 257
15.5.2 scrollBehavior方法 261
15.6 实践与练习 263
6章 使用axios实现Ajax请求 264
视频讲解：33分钟
16.1 什么是axios 264
16.2 引入axios 265
16.3 发送get请求 265
16.4 发送post请求 267
16.5 实践与练习 270
7章 Vue CLI 272
视频讲解：17分钟
17.1 Vue CLI简介 272
17.2 Vue CLI的安装 273
17.3 创建项目 274
17.3.1 使用vue create命令 274
17.3.2 使用图形界面 278
17.4 项目结构 279
17.5 编写一个单文件组件 281
17.6 实践与练习 283
8章 状态管理 285
视频讲解：59分钟
18.1 什么是Vuex 285
18.2 Vuex的组成 286
18.3 Vuex的安装 287
18.4 在项目中使用Vuex 287
18.4.1 创建store 287
18.4.2 定义state 288
18.4.3 定义getter 291
18.4.4 定义mutation 293
18.4.5 定义action 297
18.5 Vuex应用 299
18.6 实践与练习 304
第4篇 项目开发
9章 51购商城 308
视频讲解：12分钟
19.1 项目的设计思路 309
19.1.1 项目概述 309
19.1.2 界面预览 309
19.1.3 功能结构 311
19.1.4 业务流程 312
19.1.5 文件夹组织结构 312
19.2 商城主页 313
19.2.1 主页的设计 313
19.2.2 顶部区和底部区功能 315
19.. 商品分类导航功能 318
19.2.4 播图能 320
19.2.5 商品功能 324
19.3 商品详情页面 327
19.3.1 商品详情页面的设计 327
19.3.2 图片放大镜效果 328
19.3.3 商品概要功能 330
19.3.4 “猜你喜欢”功能 333
19.3.5 选项卡切换效果 336
19.4 购物车页面 338
19.4.1 购物车页面的设计 338
19.4.2 购物车页面的实现 338
19.5 付款页面 341
19.5.1 付款页面的设计 341
19.5.2 付款页面的实现 342
19.6 注册和登录页面 346
19.6.1 注册和登录页面的设计 346
19.6.2 注册页面的实现 347
19.6.3 登录页面的实现 350
明日科技，全称是吉林省明日科技有限公司，是一家专业从事软件开发、教育培训以及软件开发教育资源整合的高科技公司，其编写的教材注重选取软件开发中的必需、常用内容，同时也很注重内容的易学、方便以及关知识的拓展，深受读者喜爱。其教材多次荣获“全行业品种”“全国高校出版社书”等奖项，多个品种长期位居同类图书销售排行榜的前列。
《Vue.js从入门到精通》从初学者角度出发，通过通俗易懂的语言、丰富多彩的实例，详细介绍了使用Vue.js进行程序开发需要掌握的各方面技术。全书分为4篇，共19章，内容包括初识Vue.js、ECMAScript 6语法介绍、Vue实例与数据绑定、条件判断指令、v-for指令、计算属和监听属、元素样式绑定、事件处理、表单元素绑定、自定义指令、组件、组合API、过渡和动画效果、渲染函数、使用Vue Router实现路由、使用axios实现Ajax请求、Vue CLI、状态管理，以及51购商城项目实战。书中的大多数知识点都结合具体实例进行介绍，涉及的程序代码给出了详细的注释，使读者可轻松领会Vue.js程序开发的精髓，快速提高开发技能。
“软件开发视频大讲堂”丛书是清华社计算机专业基础类图书品牌之一。 （1）2008—20年，丛书累计修订7次，销售400万册，深受广大程序员喜爱。 （2）4本荣获“全行业优书”奖，1本荣获清华社“专业书”一等奖，多数品种在全国计算机图书排行榜排行中名列前茅。 （3）实用、易懂、资源丰富，被数百所高校选为专业课教材。 《Vue.js从入门到精通》以长更新稳定版本WebStorm 2022..为基础，图书特点如下。 1. 学通Vue.js只需要4步：基础知识→核心技术→高级应用→项目实战，符合认知规律。 2. 132集同步教学微课+强化实战训练+在线答疑，夯实基础，精准，有效，速练，适合自学。 3. 56个应用实例+54个编程训练+36个实践练习+1个项目案例，学习1小时，训练10小时，从入门到项目上线，真正成为Vue.js高手。 4. 根据图书首页说明，扫描书中二维码，打开明日科技账号注册页面，填写注册信息后将自动获取Web前端开发资源库一年（自注册之日起）的VIP使用权限。 （1）技术资源库：439个技术要点，系统、全面，随时随地学习。 （2）实例资源库：393个应用实例，含大量热点实例和关键实例，巩固编程技能。 （3）项目资源库：13个实战项目，快速积累项目经验，总有一个你找工作会用到。 （4）源码资源库：406项源代码详细分析，多读源码，快速成长。 （5）视频资源库：677集学习视频，边看视频边学习，提升更快。 （6）面试资源库：Web前端企业面试真题，合理职业规划，快速就业。 学会、用好Web前端开发资源库，可在短时间内从小白晋升为一名软件。 5. 在线解答，高效学习。 （1）关注清大文森学堂公众号，可获取本书的源代码、PPT课件、视频等资源。 （2）关注清大文森学堂公众号，可加入本书的学习交流群，参加图书直播答疑。
非常抱歉，您前期未参加预订活动，
无法支付尾款哦！
