新書推薦:
《
中国国际法年刊(2023)
》
售價:NT$
539.0
《
实用对联大全
》
售價:NT$
225.0
《
想象欧洲丛书(7册)欧洲史
》
售價:NT$
1880.0
《
没有伞的孩子必须努力奔跑
》
售價:NT$
149.0
《
做最好的班主任(李镇西教育文集版)
》
售價:NT$
230.0
《
数据驱动法律
》
售價:NT$
390.0
《
对话世界一流大学图书馆馆长
》
售價:NT$
995.0
《
揭秘立体翻翻书--我们的国宝
》
售價:NT$
490.0
|
編輯推薦: |
本书详解Vue.js框架的用法,以及网上购物商城和电影购票APP两个实战开发案例,使读者快速掌握Vue.js 3.x框架开发技能,提高Web前端的实战开发能力。本书配示例源代码、PPT课件、同步教学视频、作者微信答疑、教学大纲与执行进度表、其他超值教学资源。
|
內容簡介: |
本书通过应用示例和综合案例的讲解与演练,使读者快速掌握Vue.js 3.x编程知识,提高使用Vue.js开发网站和移动App的实战能力。本书配套示例源码、PPT课件、同步教学视频、教学大纲与执行进度表、习题与答案、其他超值教学资源。 本书共18章,内容包括快速进入Vue.js的世界、搭建开发与调试环境、熟悉ECMAScript 6的语法、熟悉Vue.js的语法、指令、计算属性、精通监听器、事件处理、class与style绑定、表单输入绑定、组件和组合API、过渡和动画效果、精通Vue CLI和Vite、使用Vue Router开发单页面应用、数据请求库——Axios、状态管理——Vuex、网上购物商城开发实战和电影购票App开发实战等。 本书内容丰富、理论结合实践,可以作为工具书和参考手册,适合Web前端开发初学者、网站与移动App设计和开发人员,也适合作为高等院校、中职学校和培训机构计算机相关专业的师生教学参考。
|
關於作者: |
李小威,软件开发项目经理,在软件开发领域有十多年的开发经验,擅长Web前端、Java、PHP、数据库、大数据分析等技术。著有多本畅销IT图书。
|
目錄:
|
第1章 快速进入Vue.js的世界 1
1.1 前端开发技术的发展 1
1.2 MV*模式 2
1.2.1 MVC模式 2
1.2.2 MVVM模式 2
1.3 Vue.js概述 3
1.4 Vue.js的发展历程 4
1.5 Vue.js 3.x的新变化 5
1.6 疑难解惑 6
第2章 搭建开发与调试环境 8
2.1 安装Vue.js 8
2.1.1 使用CDN方式 8
2.1.2 NPM 9
2.1.3 命令行工具(CLI) 9
2.1.4 使用Vite方式 10
2.2 安装WebStorm 10
2.3 安装vue-devtools 14
2.4 第一个Vue.js程序 16
2.5 疑难解惑 19
第3章 熟悉ECMAScript 6的语法 20
3.1 ECMAScript 6介绍 20
3.1.1 ES 6的前世今生 20
3.1.2 为什么要使用ES 6 21
3.2 块作用域构造let和const 21
3.3 模板字面量 23
3.3.1 多行字符串 23
3.3.2 字符串占位符 24
3.4 默认参数和rest参数 24
3.5 解构赋值 25
3.6 展开运算符 27
3.7 增强的对象文本 28
3.8 箭头函数 30
3.9 Promise实现 31
3.10 Classes(类) 32
3.11 Modules(模块) 33
3.12 疑难解惑 33
第4章 熟悉Vue.js的语法 35
4.1 创建应用程序实例 35
4.2 插值 36
4.3 方法选项 39
4.3.1 使用方法 39
4.3.2 传递参数 41
4.3.3 方法之间的调用 42
4.4 指令 43
4.5 缩写 45
4.6 Vue.js 3.x的新变化——取消构造函数 46
4.7 综合案例——通过插值语法实现姓名组合 46
4.8 疑难解惑 47
第5章 指令 48
5.1 内置指令 48
5.1.1 v-show 48
5.1.2 v-if/v-else-if/v-else 49
5.1.3 v-for 51
5.1.4 v-bind 63
5.1.5 v-model 64
5.1.6 v-on 65
5.1.7 v-text 66
5.1.8 v-html 67
5.1.9 v-once 68
5.1.10 v-pre 69
5.1.11 v-cloak 69
5.2 自定义指令 70
5.2.1 注册自定义指令 70
5.2.2 钩子函数 71
5.2.3 动态指令参数 73
5.3 综合案例——通过指令实现下拉菜单效果 74
5.4 疑难解惑 76
第6章 计算属性 77
6.1 使用计算属性 77
6.2 计算属性的getter和setter方法 78
6.3 计算属性的缓存 80
6.4 使用计算属性代替v-for和v-if 82
6.5 综合案例——使用计算属性设计购物车效果 84
6.6 疑难解惑 87
第7章 精通监听器 88
7.1 使用监听器 88
7.2 监听方法 89
7.3 监听对象 90
7.4 综合案例——使用监听器设计购物车效果 93
7.5 疑难解惑 95
第8章 事件处理 96
8.1 监听事件 96
8.2 事件处理方法 97
8.3 事件修饰符 100
8.3.1 stop 100
8.3.2 capture 102
8.3.3 self 104
8.3.4 once 106
8.3.5 prevent 106
8.3.6 passive 107
8.4 按键修饰符 108
8.5 系统修饰键 110
8.6 综合案例——处理用户注册信息 111
8.7 疑难解惑 113
第9章 class与style绑定 114
9.1 绑定HTML样式(class) 114
9.1.1 数组语法 114
9.1.2 对象语法 116
9.1.3 在组件上使用class属性 120
9.2 绑定内联样式(style) 120
9.2.1 对象语法 120
9.2.2 数组语法 123
9.3 综合案例——设计隔行变色的商品表 124
9.4 疑难解惑 126
第10章 表单输入绑定 127
10.1 实现双向数据绑定 127
10.2 单行文本输入框 127
10.3 多行文本输入框 128
10.4 复选框 129
10.5 单选按钮 131
10.6 选择框 132
10.7 值绑定 134
10.7.1 复选框 135
10.7.2 单选框 135
10.7.3 选择框的选项 136
10.8 修饰符 137
10.8.1 lazy 137
10.8.2 number 138
10.8.3 trim 139
10.9 综合案例——设计用户注册页面 139
10.10 疑难解惑 141
第11章 组件和组合API 143
11.1 组件是什么 143
11.2 组件的注册 143
11.2.1 全局注册 144
11.2.2 局部注册 145
11.3 使用prop向子组件传递数据 145
11.3.1 prop的基本用法 146
11.3.2 单向数据流 149
11.3.3 prop验证 150
11.3.4 非prop的属性 151
11.4 子组件向父组件传递数据 153
11.4.1 监听子组件事件 153
11.4.2 将原生事件绑定到组件 155
11.4.3 .sync修饰符 156
11.5 插槽 158
11.5.1 插槽的基本用法 158
11.5.2 编译作用域 158
11.5.3 默认内容 159
11.5.4 命名插槽 160
11.5.5 作用域插槽 162
11.5.6 解构插槽prop 164
11.6 Vue.js 3.x的新变化1——组合API 165
11.7 setup()函数 166
11.8 响应式API 167
11.8.1 reactive()方法和watchEffect()方法 167
11.8.2 ref()方法 168
11.8.3 readonly()方法 169
11.8.4 computed()方法 170
11.8.5 watch()方法 170
11.9 Vue.js 3.x的新变化2——访问组件的方式 171
11.10 综合案例——使用组件创建树状项目分类 172
11.11 疑难解惑 173
第12章 过渡和动画效果 174
12.1 单元素/组件的过渡 174
12.1.1 CSS过渡 174
12.1.2 过渡的类名 176
12.1.3 CSS动画 179
12.1.4 自定义过渡的类名 180
12.1.5 动画的JavaScript钩子函数 181
12.2 初始渲染的过渡 184
12.3 多个元素的过渡 186
12.4 列表过渡 187
12.4.1 列表的进入/离开过渡 187
12.4.2 列表的排序过渡 188
12.4.3 列表的交错过渡 190
12.5 综合案例1——商品编号增加器 191
12.6 综合案例2——设计下拉菜单的过渡动画 193
12.7 疑难解惑 195
第13章 精通Vue CLI和Vite 196
13.1 脚手架的组件 196
13.2 脚手架环境搭建 197
13.3 安装脚手架 199
13.4 创建项目 200
13.4.1 使用命令 200
13.4.2 使用图形化界面 202
13.5 分析项目结构 205
13.6 配置Scss、Less和Stylus 207
13.7 配置文件package.json 209
13.8 Vue.js 3.x新增的开发构建工具——Vite 210
13.9 疑难解惑 212
第14章 使用Vue Router开发单页面应用 213
14.1 使用Vue Router 213
14.1.1 在HTML页面使用路由 213
14.1.2 在项目中使用路由 218
14.2 命名路由 219
14.3 命名视图 221
14.4 路由传参 225
14.5 编程式导航 229
14.6 组件与Vue Router间解耦 233
14.6.1 布尔模式 233
14.6.2 对象模式 236
14.6.3 函数模式 239
14.7 疑难解惑 242
第15章 数据请求库—Axios 243
15.1 什么是Axios 243
15.2 安装Axios 244
15.3 基本用法 244
15.3.1 Axios的get请求和post请求 244
15.3.2 请求同域下的JSON数据 246
15.3.3 跨域请求数据 248
15.3.4 并发请求 250
15.4 Axios API 250
15.5 请求配置 251
15.6 创建实例 253
15.7 配置默认选项 253
15.8 拦截器 254
15.9 Vue.js 3.x的新变化——替代Vue.prototype 254
15.10 综合案例——显示近7天的天气情况 255
15.11 疑难解惑 257
第16章 状态管理—Vuex 258
16.1 什么是Vuex 258
16.2 安装Vuex 259
16.3 在项目中使用Vuex 260
16.3.1 搭建一个项目 260
16.3.2 state对象 261
16.3.3 getter对象 262
16.3.4 mutation对象 264
16.3.5 action对象 265
16.4 综合案例——使用Vuex开发商城购物车功能 268
16.5 疑难解惑 274
第17章 网上购物商城开发实战 275
17.1 系统功能结构 275
17.2 系统结构分析 276
17.3 系统运行效果 276
17.4 系统功能模块设计与实现 277
17.4.1 首页模块 277
17.4.2 首页信息展示模块 278
17.4.3 用户登录模块 281
17.4.4 商品模块 283
17.4.5 购买模块 288
17.4.6 支付模块 289
第18章 电影购票App开发实战 292
18.1 脚手架项目的搭建 292
18.2 系统结构 292
18.3 系统运行效果 293
18.4 设计项目组件 294
18.4.1 设计头部和底部导航组件 294
18.4.2 设计电影页面组件 295
18.4.3 设计影院页面组件 302
18.4.4 设计我的页面组件 304
18.5 设计项目页面组件及路由配置 305
18.5.1 电影页面组件及路由 305
18.5.2 影院页面组件及路由 307
18.5.3 我的页面组件及路由 307
|
內容試閱:
|
Vue.js是一套构建用户界面的渐进式框架,采用自底向上增量开发的设计。Vue.js的核心库只关注视图层,并且非常容易学习,与其他库或已有项目整合也非常方便,因此Vue.js能够在很大程度上降低Web前端开发的难度,深受广大Web前端开发人员的喜爱。
本书内容
第1章是快速进入Vue.js的世界,内容包括前端开发技术的发展、MV*模式、Vue.js概述、Vue.js的发展历程、Vue.js 3.x的新变化。
第2章介绍搭建开发与调试环境,内容包括安装Vue.js、安装WebStorm、安装vue-devtools、第一个Vue.js程序。
第3章介绍ECMAScript 6的语法,内容包括ECMAScript 6、块作用域构造let和const、模板字面量、默认参数和rest参数、解构赋值、展开运算符、增强的对象文本、箭头函数、Promise实现、Classes、Module。
第4章介绍Vue.js的语法,内容包括创建应用程序实例、插值、方法选项、生命周期钩子函数、指令、缩写、取消构造函数。
第5章介绍指令,内容包括内置指令、自定义指令、通过指令实现下拉菜单效果。
第6章介绍计算属性,内容包括使用计算属性、计算属性的getter和setter方法、计算属性的缓存、计算属性代替v-for和v-if、使用计算属性设计购物车效果。
第7章是精通监听器,内容包括使用监听器、监听方法、监听对象、使用监听器设计购物车效果。
第8章介绍事件处理,内容包括监听事件、事件处理方法、事件修饰符、按键修饰符、系统修饰键、处理用户注册信息。
第9章介绍class与style绑定,内容包括绑定HTML样式(class)、绑定内联样式(style)、设计隔行变色的商品表。
第10章介绍表单输入绑定,内容包括实现双向数据绑定、单行文本输入框、多行文本输入框、复选框、单选按钮、选择框、值绑定、修饰符、设计用户注册页面。
第11章介绍组件和组合API,内容包括组件是什么、组件的注册、使用prop向子组件传递数据、子组件向父组件传递数据、插槽、组合API、setup()函数、响应式API、访问组件的方式、使用组件创建树状项目分类。
第12章介绍设计过渡和动画效果,内容包括单元素/组件的过渡、初始渲染的过渡、多个元素的过渡、列表过渡、商品编号增加器、设计下拉菜单的过渡动画。
第13章介绍Vue CLI和Vite,内容包括脚手架的组件、脚手架环境搭建、安装脚手架、创建项目、分析项目结构、配置Scss、配置Less和Stuly、配置文件gackage.json、构建工具Vite。
第14章介绍使用Vue Router开发单页面应用,内容包括使用Vue Router、命名路由、命名视图、路由传参、编程式导航、组件与Vue Router间解耦。
第15章介绍Axios,内容包括什么是Axios、安装Axios、Axios的基本用法、Axios API、请求配置、创建实例、配置默认选项、拦截器、显示近7日的天气情况实例。
第16章介绍Vuex,内容包括什么是Vuex、安装Vuex、在项目中使用Vuex。
第17章介绍开发网上购物商城的项目实训。
第18章介绍开发电影购票App的项目实训。
本书特色
(1)知识全面:涵盖所有Vue.js 3.x的知识点,知识由浅入深,便于读者循序渐进地掌握移动网站和App开发技术。
(2)注重操作,图文并茂:在介绍案例的过程中,每一个操作均有对应的插图。这种图文结合的方式,使读者在学习过程中能够直观、清晰地看到操作的过程及效果,便于更快地理解和掌握相关知识点。
(3)易学易用:颠覆传统“看”书的观念,把书变成一本能“操作”的图书。
(4)示例丰富:把知识点融汇于众多的示例中,并且结合实战案例进行讲解和拓展,从而达到“知其然,并知其所以然”的目的。
(5)贴心周到:对读者在学习过程中可能会遇到的疑难问题以“提示”的形式进行说明,避免读者在学习过程中走弯路。
(6)资源丰富:本书提供所有示例的源代码、课件和教学视频,方便读者快速掌握网站前端开发的技能,使本书真正体现“自学无忧”,成为一本物超所值的好书。
(7)技术支持:读者可关注本书的技术支持公众号,向作者索要源代码、教学幻灯片和精品教学视频。在学习过程中遇到问题,也可以通过公众号请作者指点。
超值教学资源下载与技术支持
示例源码、PPT课件、同步教学视频、教学大纲与执行进度表、习题与答案、就业面试题、开发技巧与常见错误等教学资源,请用微信扫描以下二维码下载,也可按页面提示把下载链接转发到
自己的邮箱下载。如果学习本书的过程中发现问题,请联系booksaga@163.com,邮件主题写“Vue.js 3.x从入门到精通(视频教学版)”。作者微信技术支持信息请查阅下载文档中的相关文件获取。
读者对象
本书是一本完整介绍Vue.js前端开发技术的教程,内容丰富,条理清晰,实用性强,适合以下读者学习使用:
? 没有任何Vue.js前端开发基础的初学者。
? 希望快速、全面掌握Vue.js框架的开发人员。
? 高等院校、中职学校及培训机构的学生。
鸣谢
本书由李小威创作,参与编写的还有王英英、张工厂、刘增杰、胡同夫、刘玉萍、刘玉红。本书的编写虽然倾注了编者的努力,但由于水平有限、时间仓促,书中难免有疏漏之处,欢迎读者批评指正。如果遇到问题或有好的建议,敬请与我们联系,我们将全力提供帮助。
编 者
2023年1月
|
|