定价: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

箭头函数的this指向哪里_箭头函数的作用_js箭头函数

精美PPT样例

箭头函数的作用_箭头函数的this指向哪里_js箭头函数

思政教案样例

箭头函数的this指向哪里_js箭头函数_箭头函数的作用

视频样例

在公众号书圈后台回复【】,下载本书配套的教学资源

箭头函数的作用_js箭头函数_箭头函数的this指向哪里

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注