Vue.js Web开发案例教程

1星价 ¥57.2 (8.2折)

2星价￥57.2 定价￥69.8

作者：前沿科技温谦

出版社：人民邮电出版社

本类榜单：计算机/网络

分类：计算机/网络 > 网络与数据通信

暂无评论

图文详情

ISBN：9787115577559
装帧：一般胶版纸
册数：暂无
重量：暂无
开本：16开
页数：304
出版时间：2022-04-01
条形码：9787115577559 ; 978-7-115-57755-9

本书特色

丛书特色：（1）编排丰富实战案例，可扫前言二维码进行快速预览。（2）提供在线实训平台（http://code.artech.cn），支撑随时开展全书案例实战演练。（3）开源分阶实战项目（http://www.geekfun.website），助力不同层次读者（学生）获取企业实战项目开发能力。（4）配套多类教辅资源，包含文本类、视频类（微课视频）、案例类、平台类等。（5）建立教师服务与交流群（QQ群号：368845661），立体化服务院校教师教学。特别说明：为了使本书中的案例作用**化，我们专门为其提供了“在线实训平台”（http://code.artech.cn）。该平台的具体功能介绍如下。【在线实训平台】功能：（1）教师可以利用该平台，在上课过程中直接演练（展示）书中的所有案例，并可通过实时的运行结果同步讲解相关知识点和技能。（2）师生可以通过该平台观看全书导学、原理讲解、案例讲解等视频，配合实操演练，随时随地进行学习，支持开展线上线下混合式教学。（3）学生可以在课前或课后通过该平台，实操练习书中的所有案例，实时查看代码运行结果，而且所有案例代码均支持复制与还原。（4）学生还可以通过该平台实操练习各章课后的实操题，并可通过微信分享功能，将实操的结果分享给其他人，如分享给老师进行审阅。说明：扫描“从书序中的二维码”可以了解该平台的具体使用方法，教师也可通过“教师用书指导手册”了解该平台的具体操作步骤。

内容简介

随着互联网技术的不断发展，JavaScript语言及其相关技术越来越受到人们的关注，各种JavaScript框架层出不穷。Vue.js作为新一代JavaScript框架的很好代表，为广大开发者提供了诸多便利，占据着Web开发技术中的重要位置。本书详细讲解了Vue.js框架的相关技术，如数据绑定、侦听、事件、样式控制、结构渲染等核心基础知识；并在此基础上，讲解了组件化开发的完整逻辑；*后讲解了AJAX、过渡动画、路由、状态管理等不错内容。本书内容翔实、结构框架清晰、讲解循序渐进，注重各章以及实例之间的呼应与对照。此外，编者在本书中还编排了丰富的案例（包括综合案例），并对Web前端的工程化进行了必要的讲解，这能够帮助读者巩固所学理论知识，提高编程实战技能。本书既可以作为高等院校相关专业的网页设计与制作、前端开发等课程的教材，也可以作为Vue.js初学者的入门用书。

## 章名目录

【第一篇】　Vue．js基础篇
第 1章　Web前端开发概述
第 2章　Vue．js开发基础
第3章　计算属性与侦听器
第4章　控制页面的CSS样式
第5章　事件处理
第6章　表单绑定　
第7章　结构渲染　
第8章　阶段案例——网页汇率计算器和番茄钟

【第二篇】　Vue．js进阶篇
第9章　组件基础　
第 10章　单文件组件
第 11章　AJAX与Axios　
第 12章　过渡动画　
第 13章　路由Vue　Router　
第 14章　状态管理　

【第三篇】　综合案例篇
第 15章　综合案例——“豪华版”待办事项　
第 16章　综合案例——网页图片剪裁器　
第 17章　综合案例——电子商务网站　

附录　ECMAScript　2015（ES6）基础知识

## 详细目录

【第一篇】　Vue．js基础篇

第 1章　Web前端开发概述
1．1　Web开发简史　2
1．2　基于前后端分离模式的Web开发　3
1．2．1　从提供内容到提供服务的转变　3
1．2．2　从“单一网站”到“多终端应用”　4
1．3　Vue．js与MVVM模式　4
1．4　Vue．js开发中常用的工具　7
1．4．1　Chrome浏览器　7
1．4．2　VS　Code文本编辑器　8
1．4．3　命令行控制台　9
1．5　安装Vue．js　11
1．6　上手实践：第一个Vue．js程序　12
本章小结　14
习题1　14

第 2章　Vue．js开发基础
2．1　Vue根实例　15
2．1．1　文本插值　15
2．1．2　方法属性　19
2．1．3　属性绑定　22
2．1．4　插入HTML片段　23
2．2　Vue实例的生命周期　24
本章小结　26
习题2　26

第3章　计算属性与侦听器
3．1　计算属性　27
3．1．1　定义计算属性　27
3．1．2　计算属性的缓存特性　29
3．2　侦听器　32
3．2．1　侦听器的应用场景　32
3．2．2　侦听器的基本用法　33
3．2．3　深度侦听　34
3．2．4　侦听对象时获取对象原值　35
3．2．5　使用immediate参数　36
3．2．6　对数组进行侦听　37
本章小结　40
习题3　40

第4章　控制页面的CSS样式
4．1　绑定class属性　41
4．1．1　以对象方式绑定class属性　41
4．1．2　将class属性与对象变量绑定　43
4．1．3　以数组方式绑定class属性　44
4．1．4　动态改变class属性值　45
4．1．5　在数组中使用对象　45
4．2　绑定style属性　46
4．2．1　以对象方式绑定style属性　46
4．2．2　将style属性与对象变量绑定　47
4．2．3　以数组方式绑定style属性　48
4．2．4　动态改变style属性值　48
本章小结　49
习题4　49

第5章　事件处理
5．1　标准DOM中的事件　50
5．1．1　事件与事件流　50
5．1．2　事件对象　51
5．2　使用Vue．js处理事件　53
5．2．1　以内联方式响应事件　53
5．2．2　事件处理方法　54
5．2．3　在Vue．js中使用事件对象　55
5．3　动手练习：监视鼠标移动　56
5．4　事件修饰符　58
5．4．1　准备基础页面　58
5．4．2　．stop　59
5．4．3　．self　59
5．4．4　．capture　59
5．4．5　．once　60
5．4．6　．prevent　60
5．4．7　事件修饰符使用说明　61
5．4．8　按键修饰符　61
本章小结　63
习题5　63

第6章　表单绑定　
6．1　输入文本的绑定　65
6．1．1　文本框　65
6．1．2　多行文本框　66
6．2　选择类表单元素的绑定　67
6．2．1　单选按钮　67
6．2．2　复选框　68
6．2．3　下拉框　69
6．2．4　多选列表框　69
6．2．5　键值对绑定　70
6．3　修饰符　71
6．3．1　．lazy　71
6．3．2　．number　71
6．3．3　．trim　72
本章小结　72
习题6　72

第7章　结构渲染　
7．1　条件渲染指令v-if　73
7．1．1　v-if和v-else　73
7．1．2　v-else-if　74
7．1．3　用key属性管理可复用的元素　75
7．1．4　v-if与v-show　76
7．2　列表渲染指令v-for　77
7．2．1　基本列表　77
7．2．2　迭代对象数组　78
7．2．3　对象属性列表　79
7．2．4　数值范围　80
7．2．5　数组更新检测　80
7．2．6　v-for中的key属性有何作用　82
7．2．7　将v-for与v-if一同使用时的注意事项　84
本章小结　85
习题7　85

第8章　阶段案例——网页汇率计算器和番茄钟
8．1　网页汇率计算器　86
8．1．1　页面结构和样式　87
8．1．2　数据模型　87
8．2　番茄钟　90
8．2．1　功能描述　90
8．2．2　用到的知识点　91
8．2．3　页面结构和样式　91
8．2．4　实现核心逻辑　92
8．2．5　使用Vue．js处理交互　96
本章小结　100　

【第二篇】　Vue．js进阶篇

第9章　组件基础　
9．1　自定义组件与HTML标记　102
9．1．1　组件的名称　103
9．1．2　组件的属性　104
9．1．3　组件的内容　105
9．1．4　在组件中处理事件　106
9．2　全局组件与局部组件　109
本章小结　110
习题9　110

第 10章　单文件组件
10．1　安装Vue　CLI脚手架工具　112
10．2　动手练习：投票页面　117
10．2．1　制作greeting组件　117
10．2．2　制作app组件　118
10．2．3　在父子组件之间传递数据　121
10．2．4　构建用于生产环境的文件　125
10．3　单页应用和多页应用　126
10．3．1　单页应用和多页应用的区别　126
10．3．2　多页应用开发　127
10．3．3　单页应用开发　128
本章小结　134
习题10　134

第 11章　AJAX与Axios　
11．1　认识AJAX与Axios　135
11．1．1　AJAX的基本概念　135
11．1．2　AJAX的组成部分　137
11．1．3　用原生方法获取异步数据　138
11．1．4　认识Axios　141
11．2　Axios的基础用法　141
11．2．1　基本用法　141
11．2．2　GET与POST　143
11．2．3　嵌套请求与并发请求　147
11．3　Axios的进阶用法　151
11．3．1　创建实例　151
11．3．2　实例的相关配置　151
11．3．3　错误处理　152
11．3．4　拦截器　154
11．4　动手练习：实现自动提示的文本框　157
11．4．1　基本思路与结构　158
11．4．2　样式布局　158
11．4．3　匹配用户输入并显示提示框　159
11．5　动手练习：模拟百度的“数据加载中”效果　161
本章小结　161
习题11　161

第 12章　过渡动画　
12．1　CSS过渡　163
12．2　单元素过渡　164
12．2．1　transition组件　164
12．2．2　过渡的类名　165
12．3　动手练习：可折叠的多级菜单　166
12．3．1　搭建页面结构　166
12．3．2　展开和收起菜单　168
12．3．3　添加过渡效果　170
12．3．4　实现多级菜单　170
12．4　列表过渡　173
12．4．1　transition-group组件　173
12．4．2　动手练习：待办事项　175
本章小结　180
习题12　180

第 13章　路由Vue　Router　
13．1　基本用法　182
13．2　命名路由　186
13．3　路由动态匹配　187
13．3．1　路由参数　187
13．3．2　多路由参数与侦听路由　189
13．3．3　查询参数　191
13．3．4　捕获所有路由　191
13．4　编程式导航　193
13．5　重定向和别名　193
13．6　进阶用法　194
13．6．1　导航守卫　194
13．6．2　路由元信息　196
13．7　history模式　197
本章小结　197
习题13　197

第 14章　状态管理　
14．1　store模式　199
14．1．1　整体页面结构　200
14．1．2　创建store对象　200
14．1．3　使用store对象　201
14．2　Vuex的基本用法　203
14．3　深入掌握Vuex　206
14．3．1　在单文件组件中使用Vuex　206
14．3．2　action与mutation　210
14．4　动手练习：改进版的“待办事项”（TodoList）　214
本章小结　215
习题14　215　

【第三篇】　综合案例篇

第 15章　综合案例——“豪华版”待办事项　
15．1　功能描述　219
15．2　用到的知识点　220
15．3　使用Vue　CLI搭建项目　220
15．4　页面结构和样式　222
15．4．1　添加待办事项　222
15．4．2　任务状态的筛选项以及对应的任务个数　224
15．4．3　任务列表　225
15．4．4　编辑任务弹框　226
15．5　组件化　227
15．5．1　抽离单个任务　227
15．5．2　抽离编辑弹框　228
15．6　核心功能的实现　228
15．6．1　定义Todo类　228
15．6．2　使用Vuex管理任务列表　229
15．7　实现各项功能　231
15．7．1　添加任务　231
15．7．2　显示任务列表　232
15．7．3　动态化筛选项　233
15．7．4　修改任务状态　234
15．7．5　编辑任务　234
15．7．6　删除任务　237
15．7．7　调整任务顺序　238
15．7．8　持久化任务　239
本章小结　241

第 16章　综合案例——网页图片剪裁器　
16．1　整体分析　243
16．2　页面结构和CSS样式　244
16．2．1　HTML结构　244
16．2．2　选区部分的结构与样式　245
16．3　实现核心逻辑　246
16．3．1　定义基础类　246
16．3．2　定义Cropper类　248
16．4　使用Vue．js处理交互　252
16．4．1　初始化图像　252
16．4．2　绘制选区　254
16．4．3　移动选区　259
16．4．4　调整选区大小　260
16．4．5　将手柄封装为组件　264
16．4．6　*终剪裁　266
本章小结　267

第 17章　综合案例——电子商务网站　
17．1　案例总体介绍　268
17．1．1　案例目标　268
17．1．2　*终效果展示　270
17．2　搭建网站框架　272
17．2．1　使用Vue　CLI搭建项目　272
17．2．2　准备基本页面及路由　274
17．2．3　安装Bootstrap　276
17．3　产品页面　277
17．3．1　静态产品列表页　277
17．3．2　动态化产品列表页　278
17．3．3　产品详情页　281
17．3．4　页面装载状态提示　283
17．4　购物车　286
17．4．1　静态结构　286
17．4．2　实现购物车可移动　287
17．4．3　实现购物车动态化　289
17．5　完成网站剩余部分　292
本章小结　295

附录　ECMAScript　2015（ES6）基础知识

展开全部

作者简介

温谦： ## 全栈工程师，前沿科技创始人，现从事企业大型软件系统的分析与开发工作，拥有超20年的软件开发经验，主持并成功开发了多个复杂系统，项目实战经验丰富。 ## 常销书作者，毕业于华中科技大学计算机专业，主编网页设计与软件开发相关领域图书共12本，图书编写经验颇丰，其中《HTML+CSS网页设计与布局从入门到精通》《网页设计与布局项目化教程（HTML+CSS+DIV）》等图书常销10余年，被百余所高校选作教材。

本类五星书