定价:69.80元
内容简介
本书详细介绍渐进式框架Vue.js 3.2**特性和相关优化改进功能js箭头函数,并将Vue CLI 5、Vuex 4、Vue 4、Vite 4、Axios及基于Vue3 的面向设计师和开发者的组件库 Plus等**周边生态系统囊括其中,满足Web前端开发者的真正需要。
全书共分为13章。第1-3章介绍Vue.js概述、基础和指令;第4章Vue3新特性应用;第5-6章介绍Vue.js组件开发和过渡与动画;第7章介绍Vue开发环境与SFC新特性;第8-9章路由Vue 和Vuex;第10章重点介绍 Plus组件库;第11-12章介绍构建工具Vite、网络请求库Axios与JSON 。第13章重点介绍基于Vue3+ Plus的简易图书管理系统实战。每一章均设计有本章学习目标、本章小结、练习与实战js箭头函数,便于广大读者和工程技术人员自主学习与实践锻炼,结合项目实战来提高编程水平、提工程能力。
本书特色
有机融入周边生态系统 ,实用性强。
本书同时将下一代前端开发与构建工具 基于 框架的 Plus一起整合进来。融入 Vue3集成的 Vuex4和 ,能够满足快捷、高效的单页应用开发的需要。
精心遴选工程实战案例 ,通用性强。从不同行业领域遴选真实的应用场景 ,依托知识点和技能点要求设计案例。案例由浅入深 ,循序渐进 ,易学通用。合理规划知识框架结构 ,可读性强。每章规划了本章学习目标、教学内容、本章小结、练习与项目实战。这样的学习线路能够适应大多数读者的需要 ,可读性强 ,容易掌握并灵活运用。
配套在线作业平台:
目录
向上滑动阅览
第1章 Vue.js发展概述……………… 1
1.1 Vue.js简介…………………… 1
1.1.Vue.js发展简史
1.1.2 Vue3新特性简介 ………2 3 1 ………… 3
1.2.Vue.js引入方法
1.2.2安装 ……… 3
1.2.Node.js环境配置
1.2.4创建第1个 Vue单页程序 ……………………… 8
1.3 Vue.js开发工具……………
1.3.1 …… 12
1.3.2 ……………… 13
1.4 .0基础……… 13
1.4.1 let和const…………… 13
1.4.2解构赋值………………… 15
1.4.3箭头函数………………… 15
1.4.4展开运算符……………… 16
1.4.5模板字符串……………… 16
本章小结 …………………………… 17
练习1 ……………………………… 17
项目实战1
第2章 Vue.js基础 …………………… 21
2.1 MVVM模式 …………………21
2.1.1 MVVM模式简介 ………21
2.1.2 MVVM模式的前端框架发展趋势………………… 22
2.1.3 MVVM模式的应用 ……22
2.2数据绑定与插值……………… 25
2.2.1文本绑定………………… 25
2.2.2 HTML代码绑定 ………25
2.2.3属性绑定………………… 25
2.2.4 表达式绑定……………………… 26
2.3计算属性与方法……………… 27
2.3.1计算属性基础应用……… 28
2.3.2计算属性的seter和 geter …………………… 29
2.4侦听属性 watch ……………31
2.4.1侦听属性基本用法……… 32
2.4.2侦听属性高级用法……… 34
2.5生命周期钩子函数…………… 37
2.5.1生命周期钩子函数作用………………………37
2.5.2生命周期钩子函数应用………………………37
2.6 Vue中数组变动更新…………40
2.6.1变异方法………………… 40
2.6.2非变异方法……………… 40
2.7控制台对象 ………… 43
2.7.1显示信息的命令………… 43
2.7.2占位符…………………… 44
2.7.3分组显示………………… 44
2.7.4查看对象的信息………… 45
本章小结 …………………………… 47
练习2 ……………………………… 47
项目实战2
第3章 Vue.js指令 ……
3.1条件渲染……………………… 53
3.1.1 v-if/v-else/v-else-if指令……………………… 53
3.1.2 Vue3.x中 key值的应用……………………… 55
3.1.3 v-show指令…………… 57
3.2列表渲染(v-for指令) ……… 59
3.3类与样式绑定(v-bind指令)………………………… 65
3.4事件处理(v-on指令) ……… 67
3.5表单输入绑定(v-model指令)………………………… 75
3.6 v-html与v-text指令 ……… 82
3.7 v-once、v-cloak、v-pre指令 … 83
3.8 Vue.s自定义指令 …………85
3.8.1j自定义指令注册…………85
3.8.2对象字面量……………… 88
本章小结 …………………………… 91
练习3 ……………………………… 92
项目实战3
第4章 Vue3新特性应用 …………… 96
4.1响应式基础…………………… 96
4.1.1组件选项setup()………96
4.1.2 ref()、()、()和toRef()函数………… 99
4.1.3 watch、和 ……………… 102
4.2 Vue3生命周期 ……………105
4.2.1 Vue3生命周期钩子函数(组合式 API)………… 105
4.2.2生命周期钩子函数应用…………………… 106
本章小结…………………………… 108
练习4……………………………… 108
项目实战4
第5章 Vue.js组件开发 …………… 111
5.1组件基础 ……………………111
5.1.1组件命名 ………………111
5.1.2组件注册 ………………112
5.2组件间通信 …………………115
5.2.1父组件向子组件传值 …116
5.2.2子组件向父组件传值 …123
5.2.3父链与子组件索引 ……128
5.3插槽 …………………………130
5.3.1匿名插槽 ………………130
5.3.2具名插槽 ………………132
5.3.3作用域插槽 ……………134
5.3.4动态插槽名 ……………136
本章小结…………………………… 138
练习5……………………………… 138
项目实战5
第6章 Vue.js过渡与动画 ………… 143
6.1单元素/组件的过渡………… 143
6.1.1过渡的类名 ……………144
6.1.2 CSS过渡 ………………145
6.1.3 CSS动画 ………………147
6.1.4自定义过渡的类名 ……148
6.1.5同时使用过渡和动画 …149
6.1.6显性的过渡持续时间 …149
6.1.7 钩子……… 151
6.1.8 动画库简介… 153
6.2初始渲染的过渡 ……………155
6.3多个元素的过渡 ……………156
6.4多个组件的过渡 ……………160
6.5列表过渡 ……………………162
6.5.1列表的进入/离开过渡 …………………… 163
6.5.2列表的排序过渡 ………165
6.5.3列表的交错过渡 ………167
本章小结…………………………… 169
练习6……………………………… 170
项目实战6
第7章 Vue开发环境与SFC新特性…………………………… 175
7.1 Vue开发环境简介 …………175
7.1.1 Node.js简介………… 175
7.1.Node.js部署 …………175
7.2 Node包管理器 npm……… 176
7.2.1 npm简介 ………………176
7.2.2 npm常用命令 …………177
7.3 打包工具………… 179
7.3.1 简介………… 179
7.3.2 配置与应用… 180
7.3.3 配置加载器… 185
7.3.4 配置开发服务器 …………………… 187
7.4 …………………… 188
7.4.1 安装 …………188
7.4.2 创建 Vue项目 …………………… 189
7.5单文件组件 …………………193
7.5.1单文件组件的结构 ……193
7.5.2单文件组件的新特点 …196
7.6组合式 API:依赖注入 …… 205
7.7组合式 API:模板引用 …… 209
7.7.1获取节点 ………………209
7.7.2在组件上使用ref ……209
7.8组合式函数 …………………213
7.9模板refs ……………………216
本章小结…………………………… 218
练习7……………………………… 219
项目实战7
第8章 路由 ……………223
8.1 概述…………… 223
8.1.1 安装与使用 …………………… 223
8.1.2 基础应用…………………… 224
8.2 高级应用……… 229
8.2.1动态路由匹配 …………229
8.2.2嵌套路由 ………………232
8.2.3编程式导航 ……………238
8.2.4命名路由 ………………240
8.2.5命名视图 ………………241
8.2.6重定向和别名 …………242
8.2.7 HTML5 模式 …………………… 243
8.2.8路由组件传参 …………244
本章小结…………………………… 246
练习8……………………………… 247
项目实战8
第9章 状态管理 Vuex ……………… 252
9.1 Vuex概述 …………………252
9.1.1 Vuex定义 ……………252
9.1.2简单状态管理———store模式 …………………… 254
9.2 Vuex基本使用 ……………256
9.3 Vuex核心概念 ……………258
9.3.1一个完整的store结构 …………………… 259
9.3.2最简单的store ………259
9.3.3 Vuex中的state……… 260
9.3.4 Vuex中的 geter…… 264
9.3.5 Vuex中的 … 267
9.3.6 Vuex中的…… 270
9.3.7 Vuex中的 …… 276
9.4 Vuex多模块实战案例 ……279
本章小结…………………………… 285
练习9……………………………… 285
项目实战9
第10章 框架 Plus ………………………… 292
10.1 概述……… 292
10.1.1 安装与配置………………… 293
10.1.2 导航………………… 294
10.1.3 快速开始………………… 295
10.1.4 全局配置………………… 297
10.2 组件……… 302
10.3 组件应用 ……………………… 304
10.3.1 Basic基础组件———布局容器………………… 304
10.3.2 Basic基础组件———布局 ……… 308
10.3.3配置组件———全局配置 … 313
10.3.4 Form表单组件 ……317
10.3.5 Data数据展示组件———、Badge、、 Card、……… 325
10.3.6 Data数据展示组件——— Table表格 ………… 327
10.3.7 Data数据展示组件——— 虚拟化表格 ………… 331
10.3.8 导航组件 ………………… 334
本章小结 ………………………… 346
练习 10…………………………… 346
项目实战 10
第11章 Vue3.x构建工具 Vite …… 354
11.1 Vite创建项目 ……………354
11.1.1 Vite简介 …………354
11.1.2创建第 1个 Vite项目 ………………… 354
11.2 Vite创建 “惠民早点 ”项目 ……………………… 356
11.2.1创建默认项目 ………356
11.2.2更新完善项目 ………357
本章小结 ………………………… 361
练习 11…………………………… 361
项目实战 11
第12章网络请求库 Axios与JSON ……………………… 365
12.1 Axios概述 ………………365
12.1.1 Axios简介 …………365
12.1.2 Axios特性 …………365
12.1.3 Axios应用 …………366
12.2 Axios举例 ………………367
12.2.1执行 get请求 ……… 367
12.2.2执行 post请求 …… 367
12.2.3一次执行多个请求………………… 367
12.3 与 ………………… 368
12.3.1 简介………………… 368
12.3.2 应用………………… 368
12.3.3接口测试工具…………… 370
12.4跨域请求数据 ……………370
12.4.1 创建项目跨域配置 ………………… 371
12.4.2 Vite创建项目跨域配置………………… 371
12.5 ……………… 372
12.5.1通过配置 ()发送请求 ………………… 372
12.5.2请求方式的别名 ……373
12.5.3请求配置 ……………373
12.5.4 Axios实例 …………379
12.6 Axios拦截器 ……………380
12.7 Axios应用实战 …………381
12.7.1请求本地 JSON数据 ………………… 381
12.7.2请求远程天气预报数据………………… 383
本章小结 ………………………… 387
练习 12…………………………… 387
项目实战 12
第13章Vue3+实战 ———简易图书管理系统 …… 393
13.1简易图书管理系统需求 …393
13.1.1简易图书管理系统功能………………… 393
13.1.2简易图书管理系统实现技术…………… 394
13.2简易图书管理系统实现 …394
13.2.1项目创建 ……………394
13.2.定义 man.s2ij文件 ………………… 394
13.2.3修改 App.vue组件 ………………… 394
13.2.4定义 .vue组件 ………………… 395
13.2.5定义 .vue组件 ………………… 397
13.2.6定义 .vue组件 ………………… 397
13.2.定义 rue/.s文件 ………………… 397
13.2.定义str/idx.文件………………… 398
13.2.9定义 .vue组件………………… 400
13.2.10定义 .vue组件 ……………… 401
13.2.11定义 .vue组件 ……………… 402
13.2.12定义 .vue组件 ……………… 403
13.2.13定义 .vue组件 ……………… 405
13.2.14定义 .vue组件 ……………… 406
本章小结 ………………………… 409
练习13…………………………… 409
项目实战13……………………… 409
参考文献………………………………… 410
精美PPT样例
思政教案样例
视频样例
在公众号书圈后台回复【】,下载本书配套的教学资源