Vue.js前端开发入门与实践

《Vue.js前端开发入门与实践》介绍了应用实例、组件、模板、计算属性、监听器、指令、表单、事件、数据绑定、路由、依赖注入、自定义样式、动画、渲染函数、测试、响应式编程等，还介绍了Vue CLI、TypeScript、Animate.css、Mocha、Vue Router、Naive UI、vue-axios等内容。Vue.js 3接近支持TypeScript，使读者可以采用类、面向对象的方式进行编程。本书不仅能帮助前端新手理解前端框架功能，而且为开发者阅读源码提供助力，还能对广大的前端技术爱好者有所启发，适合相关开发人员学习使用。

目前单页应用框架层出不穷，Vue.js是其中十分耀眼的项目之一，广受国内外开发人员的推崇。本书讲解Vue.js前端框架的基础知识，共分为12章，包括Vue.js概述和安装、TypeScript基础、Vue.js应用实例、Vue.js组件、Vue.js模板、Vue.js计算属性与侦听器、Vue.js样式、Vue.js表达式、Vue.js事件、Vue.js表单和深入组件等内容，最后还给出一个实战案例供读者系统学习Vue.js项目开发过程。本书既适合Vue.js初学者、Web前端开发人员阅读，也适合高等院校和培训机构的师生参考。

姬婧，现任唐山师范学院计算机科学系教师。主要从事vue.js设计开发、Web开发、游戏开发相关的教学与科研工作，具有丰富的软件实践经验。在国内专业权威期刊发表论文多篇，参与省厅市级教改、科研课题多项。

第1章理解Vue.js及其产生的背景1
1.1什么是Vue.js2
1.1.1为什么使用Vue.js2
1.1.2Vue.js的主要特点3
1.1.3Vue.js的优势4
1.2Vue.js产生的背景4
1.2.1传统的前端开发模式5
1.2.2Vue.js的开发模式5
1.2.3Vue.js与jQuery的区别7
1.2.4Vue.js与React、Angular的比较8
1.2.5如何选择Angular、React和Vue.js11
1.3如何学习Vue.js12
1.3.1知识储备12
1.3.2学习安排17
1.4小结18
第2章快速开启一个Vue.js应用19
2.1开发环境准备20
2.1.1安装Node.js20
2.1.2设置NPM镜像21
2.1.3选择合适的IDE22
2.1.4安装VueCLI29
2.1.5检查和调试Vue.js应用的工具——VueDevtools30
2.2创建Vue.js应用hello-world32
2.2.1利用VueCLI初始化Vue.js应用hello-world32
2.2.2运行Vue.js应用hello-world33
2.3探索Vue.js应用35
2.3.1整体项目结构35
2.3.2项目根目录文件35
2.3.3node_modules目录36
2.3.4public目录37
2.3.5src目录37
2.4在Vue.js应用中使用TypeScript38
2.4.1基于Vue3Preview创建项目38
2.4.2基于Manuallyselectfeatures创建项目39
2.4.3TypeScript与JavaScript应用的差异43
2.5小结44
第3章TypeScript基础45
3.1TypeScript概述46
3.1.1TypeScript与JavaScript、ECMAScript的关系46
3.1.2TypeScript与Vue.js的关系47
3.1.3使用TypeScript的优势48
3.1.4安装TypeScript49
3.1.5TypeScript代码的编译及运行49
3.2常量与变量51
3.2.1const、let、var三者的作用域52
3.2.2常量与变量的区别54
3.2.3变量提升55
3.3TypeScript数据类型64
3.3.1基本类型65
3.3.2复杂基础类型71
3.3.3对象类型74
3.3.4任意类型75
3.3.5联合类型75
3.3.6交集类型76
3.4强大的面向对象体系76
3.4.1类77
3.4.2接口78
3.4.3演示接口的使用78
3.4.4泛型79
3.4.5演示泛型的使用79
3.5TypeScript的命名空间80
3.5.1声明命名空间80
3.5.2命名空间体80
3.5.3导入声明81
3.5.4导出声明81
3.5.5合并声明82
3.6TypeScript模块86
3.6.1了解模块86
3.6.2导入声明87
3.6.3导入Require声明87
3.6.4导出声明88
3.6.5导出分配88
3.6.6了解CommonJS模块89
3.6.7了解AMD模式91
3.7装饰器91
3.7.1定义装饰器91
3.7.2了解装饰器的执行时机91
3.7.3认识4类装饰器93
3.8小结93
第4章Vue.js应用实例95
4.1创建应用实例96
4.1.1一个应用实例97
4.1.2让应用实例执行方法98
4.1.3理解选项对象99
4.1.4理解根组件102
4.1.5理解MVC模型104
4.1.6理解MVP模型105
4.1.7理解MVVM模型106
4.2dataproperty与datamethods107
4.2.1理解dataproperty107
4.2.2理解datamethods108
4.3Vue.js的生命周期110
4.3.1生命周期中的钩子函数110
4.3.2生命周期的图示111
4.3.3生命周期钩子函数的实例112
4.4小结114
第5章Vue.js组件115
5.1组件的基本概念116
5.1.1创建和注册组件的基本步骤116
5.1.2理解组件的创建和注册117
5.1.3父组件和子组件118
5.1.4DOM模板解析注意事项119
5.1.5data必须是函数122
5.1.6组件组合124
5.1.7组件注册124
5.2组件通信126
5.2.1父组件与子组件通信126
5.2.2子组件与父组件通信129
5.2.3子组件之间的通信130
5.2.4通过插槽分发内容130
5.3特殊情况133
5.4让组件可以动态加载136
5.5使用keep-alive缓存组件137
5.6小结139
第6章Vue.js模板141
6.1在模板中使用插值142
6.1.1文本142
6.1.2原生HTML代码143
6.1.3绑定HTML属性145
6.1.4JavaScript表达式146
6.2在模板中使用指令148
6.2.1理解指令中的参数148
6.2.2理解指令中的动态参数161
6.2.3理解指令中的修饰符163
6.3在模板中使用指令的缩写164
6.3.1使用v-bind指令的缩写165
6.3.2使用v-on指令的缩写166
6.4综合实例167
6.5小结172
第7章Vue.js计算属性与侦听器173
7.1通过实例理解“计算属性”的必要性174
7.2声明“计算属性”176
7.3“计算属性”缓存与方法的关系177
7.4计算属性的注意事项178
7.4.1计算函数不应有副作用178
7.4.2避免直接修改计算属性值178
7.4.3计算属性无法追踪非响应式依赖178
7.5为什么需要侦听器179
7.5.1理解侦听器179
7.5.2一个侦听器的实例181
7.6综合实例183
7.7小结187
第8章Vue.js样式189
8.1绑定样式class190
8.1.1在class中绑定字符串190
8.1.2在class中绑定对象191
8.1.3在class中绑定数组192
8.2绑定内联样式193
8.2.1在内联样式中绑定对象193
8.2.2在内联样式中绑定数组194
8.2.3在内联样式中绑定多重值195
8.3综合实例196
8.4小结198