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

目前单页应用框架层出 不穷，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 什么是Vue.js 1.1.1 为什么使用Vue.js 1.1.2 Vue.js的主要特点 1.1.3 Vue.js的优势 1.2 Vue.js产生的背景 1.2.1 传统的前端开发模式 1.2.2 Vue.js的开发模式 1.2.3 Vue.js与jQuery的区别 1.2.4 Vue.js与React、Angular的比较 1.2.5 如何选择Angular、React和Vue.js 1.3 如何学习Vue.js 1.3.1 知识储备 1.3.2 学习安排 1.4 小结 第2章 快速开启一个Vue.js应用 2.1 开发环境准备 2.1.1 安装Node.js 2.1.2 设置NPM镜像 2.1.3 选择合适的IDE 2.1.4 安装Vue CLI 2.1.5 检查和调试Vue.js应用的工具——VueDevtools 2.2 创建Vue.js应用hello-world 2.2.1 利用Vue CLI初始化Vue.js应用hello-world 2.2.2 运行Vue.js应用hello-world 2.3 探索Vue.js应用 2.3.1 整体项目结构 2.3.2 项目根目录文件 2.3.3 node_modules目录 2.3.4 public目录 2.3.5 src目录 2.4 在Vue.js应用中使用TypeScript 2.4.1 基于Vue3 Preview创建项目 2.4.2 基于Manually select features创建项目 2.4.3 TypeScript与JavaScript应用的差异 2.5 小结 第3章 TypeScript基础 3.1 TypeScript概述 3.1.1 TypeScript与JavaScript、ECMAScript的关系 3.1.2 TypeScript与Vue.js的关系 3.1.3 使用TypeScript的优势 3.1.4 安装TypeScript 3.1.5 TypeScript代码的编译及运行 3.2 常量与变量 3.2.1 const、let、var三者的作用域 3.2.2 常量与变量的区别 3.2.3 变量提升 3.3 TypeScript数据类型 3.3.1 基本类型 3.3.2 复杂基础类型 3.3.3 对象类型 3.3.4 任意类型 3.3.5 联合类型 3.3.6 交集类型 3.4 强大的面向对象体系 3.4.1 类 3.4.2 接口 3.4.3 演示接口的使用 3.4.4 泛型 3.4.5 演示泛型的使用 3.5 TypeScript的命名空间 3.5.1 声明命名空间 3.5.2 命名空间体 3.5.3 导入声明 3.5.4 导出声明 3.5.5 合并声明 3.6 TypeScript模块 3.6.1 了解模块 3.6.2 导入声明 3.6.3 导入Require声明 3.6.4 导出声明 3.6.5 导出分配 3.6.6 了解CommonJS模块 3.6.7 了解AMD模式 3.7 装饰器 3.7.1 定义装饰器 3.7.2 了解装饰器的执行时机 3.7.3 认识4类装饰器 3.8 小结 第4章 Vue.js应用实例 4.1 创建应用实例 4.1.1 一个应用实例 4.1.2 让应用实例执行方法 4.1.3 理解选项对象 4.1.4 理解根组件 4.1.5 理解MVC模型 4.1.6 理解MVP模型 4.1.7 理解MVVM模型 4.2 dataproperty与datamethods 4.2.1 理解dataproperty 4.2.2 理解datamethods 4.3 Vue.js的生命周期 4.3.1 生命周期中的钩子函数 4.3.2 生命周期的图示 4.3.3 生命周期钩子函数的实例 4.4 小结 第5章 Vue.js组件 5.1 组件的基本概念 5.1.1 创建和注册组件的基本步骤 5.1.2 理解组件的创建和注册 5.1.3 父组件和子组件 5.1.4 DOM模板解析注意事项 5.1.5 data必须是函数 5.1.6 组件组合 5.1.7 组件注册 5.2 组件通信 5.2.1 父组件与子组件通信 5.2.2 子组件与父组件通信 5.2.3 子组件之间的通信 5.2.4 通过插槽分发内容 5.3 特殊情况 5.4 让组件可以动态加载 5.5 使用keep-alive缓存组件 5.6 小结 第6章 Vue.js模板 6.1 在模板中使用插值 6.1.1 文本 6.1.2 原生HTML代码 6.1.3 绑定HTML属性 6.1.4 JavaScript表达式 6.2 在模板中使用指令 6.2.1 理解指令中的参数 6.2.2 理解指令中的动态参数 6.2.3 理解指令中的修饰符 6.3 在模板中使用指令的缩写 6.3.1 使用v-bind指令的缩写 6.3.2 使用v-on指令的缩写 6.4 综合实例 6.5 小结 第7章 Vue.js计算属性与侦听器 7.1 通过实例理解“计算属性”的必要性 7.2 声明“计算属性” 7.3 “计算属性”缓存与方法的关系 7.4 计算属性的注意事项 7.4.1 计算函数不应有副作用 7.4.2 避免直接修改计算属性值 7.4.3 计算属性无法追踪非响应式依赖 7.5 为什么需要侦听器 7.5.1 理解侦听器 7.5.2 一个侦听器的实例 7.6 综合实例 7.7 小结 第8章 Vue.js样式 8.1 绑定样式class 8.1.1 在class中绑定字符串 8.1.2 在class中绑定对象 8.1.3 在class中绑定数组 8.2 绑定内联样式 8.2.1 在内联样式中绑定对象