Vue.js 3企业级应用开发实战

图书标准信息

• 作者 柳伟卫
• 出版社 电子工业出版社
• 出版时间 2022-01
• 版次 1
• ISBN 9787121426803
• 定价 109.00元
• 装帧 其他
• 开本 16开
• 页数 368页
• 字数 507千字

【内容简介】

本书基于Vue.js 3展开，介绍了应用实例、组件、模板、计算属性、监听器、指令、表单、事件、数据绑定、路由、依赖注入、自定义样式、动画、渲染函数、测试、响应式编程等，还介绍了Vue CLI、TypeScript、Animate.css、Mocha、Vue Router、Naive UI、vue-axios等内容。Vue.js 3完全支持TypeScript，使读者可以采用类、面向对象的方式进行编程。在本书的后会手把手带领读者一起从零开始实现一个完整的企业级“新闻头条”客户端应用。本书技术前瞻、面向实战、实例丰富。

【作者简介】

在 IT 公司担任项目经理、架构师、高级技术顾问等职位，是 CSDN、 开源中国、云栖社区等技术社区专家，慕课网特邀讲师。

【目录】

★★第1篇  初识Vue.js

★第1章  理解Vue.js及产生的背景    /2

1.1  什么是Vue.js    /2

1.2  Vue.js产生的背景    /2

1.2.1  Vue.js与jQuery的不同    /2

1.2.2  Vue.js与React、Angular的比较    /3

1.2.3  如何选择Angular、React和Vue.js    /4

1.3  如何学习Vue.js    /5

1.3.1  前置知识    /5

1.3.2  学习安排    /5

★第2章  快速开启个Vue.js应用    /6

2.1  开发环境准备    /6

2.1.1  安装Node.js和NPM    /6

2.1.2  设置NPM镜像    /7

2.1.3  选择合适的IDE    /7

2.1.4  安装Vue CLI    /8

2.1.5  检查和调试Vue.js应用的工具——Vue Devtools    /8

2.2  创建Vue.js应用“hello-world”    /8

2.2.1  利用Vue CLI初始化Vue.js应用“hello-world”    /9

2.2.2  运行Vue.js应用“hello-world”    /12

2.3  探索Vue.js应用    /13

2.3.1  整体项目结构    /13

2.3.2  项目根目录文件    /14

2.3.3  node_modules目录    /14

2.3.4  public目录    /14

2.3.5  src目录    /15

2.4  在Vue.js应用中使用TypeScript    /19

2.4.1  基于“Vue 3 Preview”创建项目    /19

2.4.2  基于“Manually select features”创建项目    /20

2.4.3  TypeScript应用的差异    /22

★★第2篇  基础 

★第3章  TypeScript基础    /26

3.1  TypeScript概述    /26

3.1.1  TypeScript与JavaScript、ECMAScript的关系    /26

3.1.2  TypeScript与Vue.js的关系    /27

3.1.3  使用TypeScript的优势    /27

3.1.4  安装TypeScript    /28

3.1.5  TypeScript代码的编译及运行    /28

3.2  变量与常量    /29

3.2.1  var、let、const三者的作用域    /29

3.2.2  变量与常量的区别    /29

3.2.3  变量提升    /30

3.3  TypeScript数据类型    /31

3.3.1  基本类型    /31

3.3.2  对象类型    /35

3.3.3  任意类型    /35

3.3.4  联合类型    /37

3.3.5  交集类型    /37

3.4  强大的面向对象体系    /38

3.4.1  类    /38

3.4.2  接口    /43

3.4.3  【实战】演示接口的使用    /43

3.4.4  泛型    /44

3.4.5  【实战】演示泛型的使用    /44

3.4.6  枚举    /45

3.5  TypeScript的命名空间    /46

3.5.1  声明命名空间    /46

3.5.2  【实战】声明命名空间    /46

3.5.3  命名空间体    /47

3.5.4  导入别名声明    /47

3.5.5  【实战】导入别名声明    /48

3.5.6  导出声明    /49

3.5.7  合并声明    /49

3.5.8  【实战】合并声明    /49

3.6  TypeScript  模块    /50

3.6.1  了解模块    /51

3.6.2  【实战】导入声明    /51

3.6.3  【实战】导入Require声明    /52

3.6.4  【实战】导出声明    /52

3.6.5  【实战】导出分配    /52

3.6.6  了解CommonJS模块    /53

3.6.7  了解AMD模式    /54

3.7  装饰器    /55

3.7.1  定义装饰器    /55

3.7.2  了解装饰器的执行时机    /56

3.7.3  认识4类装饰器    /57

★第4章  Vue.js应用实例——一切的起点    /63

4.1  创建“应用实例”    /63

4.1.1  个“应用实例”    /63

4.1.2  让“应用实例”执行方法    /64

4.1.3  理解选项对象    /64

4.1.4  理解根组件    /65

4.1.5  理解MVVM模型    /66

4.2  data property与methods    /66

4.2.1  理解data property    /67

4.2.2  理解data methods    /67

4.3  Vue.js的生命周期    /69

4.3.1  生命周期中的钩子函数    /69

4.3.2  生命周期的图示    /70

4.3.3  【实战】生命周期钩子函数的实例    /71

★第5章  Vue.js组件——独立的程序单元    /76

5.1  组件的基本概念    /76

5.1.1  【实战】一个简单的Vue.js组件的实例    /76

5.1.2  什么是组件    /78

5.1.3  【实战】一个子组件的复用实例    /79

5.1.4  Vue.js组件与Web组件的异同点    /80

5.2  组件的交互方式    /80

5.2.1  【实战】通过prop向子组件传递数据    /80

5.2.2  【实战】监听子组件的事件    /81

5.2.3  【实战】兄弟组件之间的通信    /84

5.2.4  【实战】通过插槽分发内容    /87

5.3  让组件可以动态加载    /90

5.3.1  实现组件动态加载的步骤    /90

5.3.2  【实战】动态组件的实例    /90

5.4   使用＜keep-alive＞缓存组件    /96

5.4.1  【实战】＜keep-alive＞的例子    /97

5.4.2  ＜keep-alive＞缓存组件的配置详解    /98

★第6章  Vue.js模板——让内容随着模板中变量的变化而变化    /101

6.1  了解Vue.js的模板    /101

6.2  【实战】在模板中使用插值    /102

6.2.1  文本    /102

6.2.2  原生HTML代码    /103

6.2.3  绑定HTML attribute    /104

6.2.4  JavaScript表达式    /104

6.3  【实战】在模板中使用指令    /105

6.3.1  理解指令中的参数    /106

6.3.2  理解指令中的动态参数    /107

6.3.3  理解指令中的修饰符    /108

6.4  【实战】在模板中使用指令的缩写    /108

6.4.1  使用v-bind指令的缩写    /108

6.4.2  使用v-on指令的缩写    /109

6.5  使用模板的一些约定    /109

6.5.1  对动态参数值的约定    /109

6.5.2  对动态参数表达式的约定    /110

6.5.3  对访问全局变量的约定    /110

★第7章  Vue.js计算属性与侦听器——处理响应式数据的复杂逻辑    /111

7.1  通过实例理解“计算属性”的必要性    /111

7.2  【实战】一个“计算属性”的实例    /112

7.2.1  声明“计算属性”    /112

7.2.2  模拟数据更改    /114

7.3  “计算属性”缓存与方法的关系    /114

7.4  为什么需要侦听器    /115

7.4.1  理解侦听器    /115

7.4.2  【实战】一个侦听器的实例    /116

★第8章  Vue.js样式——让应用变得好看    /119

8.1  绑定样式class    /119

8.1.1  【实战】在class中绑定对象    /119

8.1.2  【实战】在class中绑定数组    /121

8.1.3  【实战】在组件上使用class    /122

8.2  绑定内联样式    /122

8.2.1  【实战】在内联样式中绑定对象    /123

8.2.2  【实战】在内联样式中绑定数组    /124

8.2.3  【实战】在内联样式中绑定多重值    /124

★第9章  Vue.js表达式——根据条件来渲染不同的内容    /126

9.1  条件表达式    /126

9.1.1  【实战】v-if指令的实例    /126

9.1.2  【实战】v-else指令的实例    /127

9.1.3  【实战】v-else-if指令的实例    /127

9.1.4  【实战】v-show指令的实例    /128

9.1.5  理解v-if指令与v-show指令的关系    /128

9.2  for循环表达式    /129

9.2.1  【实战】使用v-for指令遍历数组    /129

9.2.2  【实战】使用v-for指令遍历数组设置索引    /131

9.2.3  【实战】使用v-for指令遍历对象的property名称    /132

9.2.4  【实战】数组过滤    /135

9.2.5  【实战】使用值的范围    /136

9.3  v-for指令的不同使用场景    /137

9.3.1  【实战】在＜template＞中使用v-for指令    /137

9.3.2  【实战】v-for指令与v-if指令一起使用    /138

9.3.3  【实战】在组件上使用v-for指令    /139

★第10章  Vue.js事件——通知做事的状态    /142

10.1  什么是事件    /142

10.1.1  【实战】一个简单的监听事件实例    /142

10.1.2  理解事件的处理方法    /143

10.1.3  处理原始的DOM事件    /144

10.1.4  为什么需要在HTML代码中监听事件    /145

10.2  【实战】多事件处理器的实例    /146

10.3  事件修饰符    /147

10.3.1  什么是事件修饰符    /147

10.3.2  按键修饰符    /149

10.3.3  系统修饰符    /149

★第11章  Vue.js表单——采集用户输入的数据    /151

11.1  理解“表单输入绑定”    /151

11.2  【实战】“表单输入绑定”的基础用法    /152

11.2.1  文本    /152

11.2.2  多行文本    /153

11.2.3  复选框    /153

11.2.4  单选按钮    /155

11.2.5  选择框    /156

11.3  【实战】对表单进行值绑定    /157

11.3.1  复选框    /157

11.3.2  单选按钮    /158

11.3.3  选择框    /160

11.4  【实战】表单修饰符的使用    /161

11.4.1  使用.lazy修饰符的实例    /162

11.4.2  使用.number修饰符的实例    /163

11.4.3  使用.trim修饰符的实例    /163

★★第3篇  进阶

★第12章  深入组件    /166

12.1  什么是“组件注册”    /166

12.1.1  理解“组件注册”    /166

12.1.2  组件命名    /167

12.2  理解全局注册    /169

12.3  【实战】一个局部注册的实例    /170

12.4  【实战】一个模板引用的实例    /171

12.5  深入介绍prop（输入属性）    /173

12.5.1  理解prop    /173

12.5.2  prop类型    /174

12.5.3  【实战】传递动态prop    /175

12.5.4  【实战】传递动态prop数字    /176

12.5.5  【实战】传递动态prop布尔值    /178

12.5.6  【实战】传递动态prop数组    /179

12.5.7  【实战】传递动态prop对象    /181

12.5.8  【实战】传递动态prop对象中的所有property    /182

12.5.9  理解单向下行绑定    /185

12.5.10  【实战】prop类型验证    /186

12.6  理