循序渐进Vue.js 3.x前端开发实践 版权信息
- ISBN:9787302671305
- 条形码:9787302671305 ; 978-7-302-67130-5
- 装帧:一般胶版纸
- 册数:暂无
- 重量:暂无
- 所属分类:>
循序渐进Vue.js 3.x前端开发实践 本书特色
《循序渐进Vue.js 3.x前端开发实践》由资深架构师倾力打造,是一本深入讲解Vue.js 3.x的实战教程。作者从基础原理到项目实践,内容通俗易懂,亲和力十足,让读者在轻松阅读中获得技能提升。
作为广受欢迎的教学用书,前两版累计加印达到14次之多,众多高校将其选为教材。新版全面覆盖Vue.js 3.x的*新特性,确保读者能够掌握前沿的企业级项目开发技能,而非纯理论的空谈。
《循序渐进Vue.js 3.x前端开发实践》从解答“为什么要使用Vue.js”这一问题开始,逐步展示了利用Vue.js 3.x及其配套工具进行商业项目开发的全套技巧。读者可以通过《循序渐进Vue.js 3.x前端开发实践》,有效学习多种工具的综合应用,避免走弯路,快速提升开发能力。
在新版中,作者精心删减了过时的内容,并增加了关于新特性、新工具和新实例的介绍。此外,还提供了丰富的学习资源,如教学视频、代码导读手册、完整源码和PPT教学课件等,使读者能够更高效地学习和掌握知识。
为了方便读者更好地学习和参考,书中所有代码均进行了编号。各章节不仅提供了实际操作案例和演练,还有详细的操作步骤指导,确保读者能够顺利实现项目目标。同时,还提供答疑解惑和QQ群技术支持,保障读者在学习过程中能够得到有效的帮助。
总体来说,这本书将专业性、实用性、前沿性和亲和力完美结合,相信能为读者带来意想不到的学习成果和收获。
循序渐进Vue.js 3.x前端开发实践 内容简介
本书由一位拥有丰富前端开发经验的架构师撰写,旨在通过详尽的理论知识讲解和丰富的实践练习,帮助初学者深入掌握Vue.js框架,并能够独立开发商业级别的Web应用程序。本书分为14章,内容涵盖Vue.js的基本概念、模板语法、组件使用、用户交互处理、动画效果实现、脚手架工具Vite的使用,以及如何利用UI框架Element Plus、网络请求框架Axios、路由管理框架Vue Router和状态管理框架Pinia等工具来构建商业级应用。*终章节通过一个完整的电商后台管理系统,对所学的知识进行综合运用,加深读者对Vue.js开发流程和技巧的理解,提高项目开发能力。
本书采用官方推荐的组合式API代码组织方式,所有涉及的工具都使用新版本,每章均配备了动手练习和上机演练指导。此外,为了适应不同层次的读者,本书提供了完整的代码导读手册和视频教学资源,使学习更加便捷高效。
本书适合Vue.js前端开发新手和有一定经验的开发者使用,也很适合作为大中专院校相关课程的教学用书。
循序渐进Vue.js 3.x前端开发实践 目录
第1章 走进Vue 3的新世界 1
1.1 前端技术演进 1
1.2 Vue框架的前世今生 2
1.2.1 准备开发工具 2
1.2.2 Vue的发展历史 4
1.2.3 Vue 3.x的新特性 5
1.3 Vue框架初体验 6
1.3.1 **个Vue工程 7
1.3.2 动手练习:实现一个简单的用户登录页面 10
1.3.3 为什么使用Vue框架 12
1.4 小结与上机演练 12
第2章 Vue模板与应用 15
2.1 模板基础 15
2.1.1 模板插值 16
2.1.2 模板指令 18
2.2 条件渲染 20
2.2.1 使用v-if指令进行条件渲染 20
2.2.2 使用v-show指令进行条件渲染 23
2.3 循环渲染 24
2.3.1 v-for指令的使用方法 24
2.3.2 v-for指令的高级用法 26
2.4 动手练习:实现待办任务列表应用 28
2.4.1 步骤一:使用HTML搭建应用框架结构 28
2.4.2 步骤二:实现待办任务列表的逻辑开发 29
2.5 小结与上机演练 30
第3章 Vue组件的属性和方法 33
3.1 属性与方法基础 33
3.1.1 属性基础 34
3.1.2 方法基础 34
3.2 计算属性和侦听器 35
3.2.1 计算属性 35
3.2.2 使用计算属性还是函数 36
3.2.3 计算属性的赋值 37
3.2.4 属性侦听器 38
3.3 进行函数限流 40
3.3.1 手动实现一个简易的限流函数 40
3.3.2 使用Lodash库进行函数限流防抖 42
3.4 表单数据的双向绑定 42
3.4.1 文本输入框 43
3.4.2 多行文本输入区域 43
3.4.3 复选框与单选框 44
3.4.4 选择列表 45
3.4.5 3个常用的修饰符 46
3.5 样式绑定 47
3.5.1 为HTML标签绑定Class属性 47
3.5.2 绑定内联样式 49
3.6 动手练习:实现一个功能完整的用户注册页面 49
3.6.1 步骤一:搭建用户注册页面 49
3.6.2 步骤二:实现注册页面的用户交互 53
3.7 小结与上机演练 55
第4章 处理用户交互 58
4.1 事件的监听与处理 58
4.1.1 事件监听示例 58
4.1.2 多函数处理事件 60
4.1.3 事件修饰符 60
4.2 Vue中的事件类型 63
4.2.1 常用的事件类型 63
4.2.2 按键修饰符 65
4.3 动手练习:编写一个随鼠标移动的小球 66
4.4 动手练习:编写一个弹球游戏 68
4.5 小结与上机演练 72
第5章 组件基础 75
5.1 关于Vue应用与组件 75
5.1.1 Vue应用的创建 75
5.1.2 定义组件 77
5.2 组件中数据与事件的传递 78
5.2.1 为组件添加外部属性 79
5.2.2 处理组件事件 80
5.2.3 在自定义组件上使用v-model指令 82
5.3 自定义组件的插槽 85
5.3.1 组件插槽的基本用法 85
5.3.2 多具名插槽的用法 86
5.4 动态组件的简单应用 88
5.5 动手练习:编写一款小巧的开关按钮组件 90
5.6 小结与上机演练 92
第6章 组件进阶 95
6.1 组件的生命周期与高级配置 95
6.1.1 生命周期方法 95
6.1.2 应用的全局配置选项 99
6.1.3 组件的注册方式 100
6.2 组件props属性的高级用法 101
6.2.1 对props属性进行验证 101
6.2.2 props的只读性质 104
6.2.3 组件数据注入 105
6.3 组件Mixin技术 108
6.3.1 使用Mixin来定义组件 108
6.3.2 Mixin选项的合并 110
6.3.3 进行全局Mixin 111
6.4 使用自定义指令 112
6.4.1 认识自定义指令 112
6.4.2 自定义指令的参数 113
6.5 组件的Teleport功能 114
6.6 小结与上机演练 116
第7章 Vue响应式编程 120
7.1 响应式编程原理与在Vue中的应用 120
7.1.1 手动追踪变量的变化 120
7.1.2 Vue中的响应式对象 123
7.1.3 独立的响应式值Ref的应用 124
7.2 组合式API与选项式API 126
7.2.1 关于setup方法 127
7.2.2 在setup方法中定义生命周期行为 128
7.3 动手练习:实现支持搜索和筛选的用户列表 129
7.3.1 常规风格的示例工程开发 129
7.3.2 使用组合式API重构用户列表页面 133
7.4 小结与上机演练 135
第8章 动画 138
8.1 使用CSS3创建动画 138
8.1.1 transition过渡动画 138
8.1.2 keyframes动画 140
8.2 使用JavaScript方式实现动画效果 142
8.3 Vue过渡动画 143
8.3.1 定义过渡动画 143
8.3.2 设置动画过程中的监听回调 147
8.3.3 多个组件的过渡动画 148
8.3.4 列表过渡动画 150
8.4 动手练习:优化用户列表页面 151
8.5 小结与上机演练 153
第9章 Vue脚手架Vite工具的使用 156
9.1 Vite工具入门 156
9.1.1 使用Vite工具 156
9.1.2 Vite工程结构解析 158
9.2 运行Vite项目 160
9.2.1 模板工程的结构 160
9.2.2 运行Vite项目工程 163
9.3 使用依赖与工程构建 164
9.4 Vite与Vue CLI 165
9.4.1 Vite与Vue CLI 165
9.4.2 体验Vue CLI构建工具 165
9.5 小结与上机演练 169
第10章 基于Vue 3的UI组件库Element Plus 171
10.1 Element Plus入门 171
10.1.1 Element Plus的安装与使用 171
10.1.2 按钮组件 175
10.1.3 标签组件 177
10.1.4 空态图与加载占位图组件 179
10.1.5 图片与头像组件 183
10.2 表单类组件 184
10.2.1 单选框与多选框 184
10.2.2 标准输入框组件 186
10.2.3 带推荐列表的输入框组件 188
10.2.4 数字输入框 190
10.2.5 选择列表 191
10.2.6 多级列表组件 194
10.3 开关与滑块组件 196
10.3.1 开关组件 196
10.3.2 滑块组件 198
10.4 选择器组件 200
10.4.1 时间选择器 200
10.4.2 日期选择器 202
10.4.3 颜色选择器 203
10.5 提示类组件 204
10.5.1 警告组件 205
10.5.2 消息提示 206
10.5.3 通知组件 208
10.6 数据承载相关组件 209
10.6.1 表格组件 209
10.6.2 导航菜单组件 212
10.6.3 标签页组件 214
10.6.4 抽屉组件 215
10.6.5 布局容器组件 216
10.7 动手练习:教务系统学生表 217
10.8 小结与上机演练 221
第11章 基于Vue的网络框架Axios的应用 224
11.1 使用vue-axios请求天气数据 224
11.1.1 使用互联网上免费的数据服务 224
11.1.2 使用vue-axios进行数据请求 227
11.2 Axios实用功能介绍 230
11.2.1 通过配置的方式进行数据请求 230
11.2.2 请求的配置与响应数据结构 231
11.2.3 拦截器的使用 232
11.3 动手练习:天气预报应用 233
11.4 小结与上机演练 237
第12章 Vue路由管理 239
12.1 Vue Router的安装与简单使用 239
12.1.1 Vue Router的安装 240
12.1.2 一个简单的Vue Router的使用示例 240
12.2 带参数的动态路由 242
12.2.1 路由参数匹配 242
12.2.2 路由匹配的语法规则 244
12.2.3 路由的嵌套 245
12.3 页面导航 247
12.3.1 使用路由方法 247
12.3.2 导航历史控制 248
12.4 关于路由的命名 249
12.4.1 使用名称进行路由切换 249
12.4.2 路由视图命名 249
12.4.3 使用别名 251
12.4.4 路由重定向 252
12.5 关于路由传参 252
12.6 路由导航守卫 254
12.6.1 定义全局的导航守卫 254
12.6.2 为特定的路由注册导航守卫 255
12.7 动态路由 256
12.8 动手练习:实现一个多页面单页应用程序 258
12.9 小结与上机演练 260
第13章 Vue状态管理 264
13.1 了解Pinia框架的精髓 264
13.1.1 理解状态管理 265
13.1.2 安装与体验Pinia 266
13.2 Pinia中的一些核心概念 269
13.2.1 Pinia中的Store 269
13.2.2 Pinia中的State 270
13.2.3 Pinia中的Getters 271
13.2.4 Pinia中的Actions 272
13.3 Pinia插件 273
13.3.1 插件使用示例 273
13.3.2 使用插件扩展Store 274
13.4 动手练习:创建一个简单的图书管理系统 275
13.5 小结与上机演练 278
第14章 商业项目:电商后台管理系统实战 281
14.1 用户登录模块开发 281
14.1.1 项目搭建 281
14.1.2 用户登录页面开发 284
14.2 电商后台管理系统主页搭建 287
14.2.1 主页框架搭建 287
14.2.2 完善注销功能 290
14.3 订单管理模块的开发 291
14.3.1 使用Mock.js进行模拟数据的生成 291
14.3.2 编写工具类与全局样式 292
14.3.3 完善订单管理页面 293
14.4 商品管理模块的开发 299
14.4.1 商品管理列表页的开发 299
14.4.2 新建商品之基础配置 305
14.4.3 新建商品之价格和库存配置 308
14.4.4 新建商品之详情设置 310
14.4.5 添加商品分类 312
14.5 店长管理模块的开发 314
14.5.1 店长列表开发 314
14.5.2 店长审批列表与店长订单 317
14.6 财务管理与数据统计功能模块开发 318
14.6.1 交易明细与财务对账单 318
14.6.2 数据统计模块开发 319
14.7 小结与上机演练 324
展开全部
循序渐进Vue.js 3.x前端开发实践 作者简介
张益珲,拥有美国亚利桑那州立大学计算机工程技术硕士学位证书,他以一名架构师的身份,在近10年的软件行业从业生涯中积累了丰富的经验。他擅长大前端开发,曾在多家知名上市公司担任要职,主导开发了多款成功的商业级应用程序。他的专长包括移动跨平台开发、前端开发,以及Vue.js、React、Flutter、小程序和iOS开发等领域。
张益珲作为开源中国社区的特邀技术专家,积极分享自己的专业知识,已发表相关技术博文400余篇,总访问量超过100万次。他还致力于知识传播,出版了多部图书,包括《微信小程序与云开发从入门到实践》和《Swift 5从零到精通iOS开发训练营》等。