内容简介
本书系统的介绍了Vue框架基础、框架应用、生态组成、项目实战、框架演进、Vue原理剖析及Vue框架的原理实现。
全书共分为8章:第1章为行业发展介绍,第2章为Vue 2.x的开发基础,第3章为Vue 2.x的组件开发,第4章为Vue CLI开发完全指南,第5章为Vue CLI项目实战,第6章为Vite+Vue 3完全开发指南,第7章为Vue 3.x项目实战,第8章为实现原理介绍。书中主要内容包括:Web前端发展史、Vue的诞生、Vue 2.x基础指令、Vue 2.x常用API、Vue 2.x组件系统、Vue 2.x组件化实战、Vue CLI脚手架搭建、Vue Router 3.x路由系统、Vuex 3.x状态管理系统、Axios网络插件、ElementUI框架、Vue 2.x综合项目实战、Vue 3.x基础语法、Vue 3.x组合式API、Vue 3.x响应式API、Vite脚手架、Vue 3.x函数式编程、Vue Router 4.x路由系统、Vuex 4.x状态管理系统、Pinia状态管理系统、ElementPlus框架、Vue 3.x的综合项目实战、Vue 2.x的响应式数据原理、Vue 3.x的响应式数据原理、虚拟DOM原理、Vue 2.x仿真实现、Vue 3.x仿真实现、Vue Router仿真实现和状态管理的高级原理。
书中包含大量应用示例,从基础入门到进阶开发最终渗透到原理和实现。书中的开发示例基于VS Code开发工具和Chrome浏览器实现,书中从框架基础到商城项目的实际开发,分别通过Vue 2.x和Vue 3.x两套生态体系完整的阐述了如何使用Vue框架生态进行完整的应用开发,内容完整、步骤清晰,提供了工程化的解决方案。
本书可作为Vue框架初学者的入门书籍,也可以作为行业在职前端程序员及培训机构的参考书籍。
目录
前言
第1章序章
1.1 Web前端技术架构发展历程
1.2 Vue等新框架的诞生
1.3 Vue与主流前端框架的对比
第2章Vue 2.x开发基础
2.1 Vue是什么
2.2 环境搭建和HelloWorld
2.3 Vue的插值表达式
2.4.Vue的常用指令介绍
2.4.3 v-if条件渲染
2.4.4 v-show条件渲染
2.4.5 v-for列表渲染
2.4.6 v-model双向绑定
2.4.7 v-once一次性渲染
2.4.8 v-bind属性绑定介绍
2.4.9 v-on事件绑定介绍
2.4.10 style绑定介绍
2.4.11 class绑定介绍
2.4.12 其他常用指令介绍
2.5 Vue的常用选项介绍
2.5.1 data选项介绍
2.5.2.计算属性介绍
2.5.3.watch监听介绍
2.6.Vue的生命周期介绍
2.6.1.生命周期图解
2.6.2.生命周期钩子函数详细讲解
第3章Vue 2.x组件开发
3.1 Vue组件定义方案
3.2 Vue的插槽介绍
3.3 Vue的动态组件介绍
3.4 Vue的组件缓存
3.5 Vue的组件过渡
3.6 其他高级API的介绍
第4章Vue CLI开发完全指南
4.1 什么是脚手架
4.2 Vue CLI的入门指南
4.3 Vue CLI的项目开发实战
4.4 认识路由框架Vue Router
4.5 路由的深入研究
4.6 结合路由系统的项目开发
4.7 UI框架的引入
4.8 通过ElementUI重构项目
4.9 Axios网络通信框架
4.10 什么是状态管理
第5章Vue CLI项目从0开始实战
5.1 项目搭建
5.2 全局状态配置
5.3 完成用户管理模块的开发
5.4 完成角色管理模块的开发
5.5 完成菜单管理模块的开发
5.6 完成商品模块的开发
第6章Vite+Vue 3.x完全开发指南
6.1 Vue 3入门
6.2 Vite介绍
6.2.1 什么是Vite
6.2.2 使用Vite初始化Vue 3项目
6.2.3 项目结构介绍
6.3 组合式API与响应式API
6.3.1 setup()函数介绍
6.3.2 reactive()+ref()系列介绍
6.3.3 computed()的函数式用法
6.3.4 watch()函数式用法
6.3.5 setup()与生命周期的关系
6.4 Vue 3的函数式编程
6.4.1
6.4.2 单文件组件样式特性
6.5 Vue 3自定义组件开发介绍
6.5.1 Vue 3的函数式自定义组件介绍
6.5.2 顶层await和异步组件的介绍
6.5.3 其他组件开发API介绍
第7章Vue 3项目实战
7.1 Vue 3.x与Vue Router 4.x的整合
7.1.1 Vue Router 4.x与Vue Router 3.x的区别
7.1.2 Vue Router与Vue整合案例
7.2 Vue 3.x与Vuex 4.x的整合
7.2.1 Vuex 4.x与Vuex 3.x的区别
7.2.2 Vuex与Vue整合案例
7.3 Pinia状态管理模块新的选择
7.3.1 Pinia简介
7.3.2 Pinia与Vue整合案例
7.4 Vue 3.x与ElementPlus的整合
7.4.1 ElementPlus介绍
7.4.2 ElementPlus与Vue整合案例
7.5 从0开始构建Vite+Vue 3.x+Vue Router 4.x+Pinia项目
7.5.1 初始化Vite项目
7.5.2 整合路由做页面划分
7.5.3 整合UI框架ElementPlus
7.5.4 集成状态管理框架和HTTP请求框架
7.5.5 实现纯函数式的业务开发
第8章原理篇
8.1合Vue 2.x的数据响应式原理
8.1.1 Object.defineProperty()的介绍
8.1.2 使用Object.defineProperty()模拟Vue的数据响应式系统
8.1.3 仿真小型的Vue 2.x
8.2 Vue 3.x的数据响应式原理
8.2.1 Proxy代理对象的介绍
8.2.2 仿真小型的Vue 3.x
8.3 虚拟DOM介绍
8.3.1 真实DOM介绍
8.3.2 虚拟DOM和真实DOM的对比
8.3.3 虚拟DOM原理与DIFF和PATCH的实现
8.4 路由和状态管理
8.4.1 Vue Router的原理
8.4.2 徒手封装Vue Router
8.4.3 Vuex状态管理的一些注意事项