本书系统地介绍了Vue框架基础、框架应用、生态组成、项目实战、框架演进、Vue原理剖析及Vue框架的原理实现。
全书共分为8章：第1章为行业发展介绍，第2章为Vue 2.x的开发基础，第3章为Vue 2.x的组件开发，第4章为Vue CLI开发完全指南，第5章为Vue CLI项目实战，第6章为Vite+Vue 3.x完全开发指南，第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框架初学者的入门书，也可作为行业在职前端程序员及培训机构的参考书。
内容推荐
作者简介
张云鹏，前中国联通（黑龙江）产业互联网公司前端技术专家。10年软件研发经验，精通前、后端技术。带领百人技术团队专注于企业内部前端框架研发、前端高性能渲染、前端自动化部署，以及前端核心架构建设。精通Web应用开发、移动App开发及桌面程序开发。现IT教育行业从业者，致力于IT领域的知识分享和开源贡献，将多年的一线架构设计经验和研发经验融入IT教育领域。
目录
第1章 Web前端技术架构及Vue框架
1.1 Web前端技术架构发展历程
1.2 Vue等新框架的诞生
1.2.1 Webpack介绍
1.2.2 Vue框架介绍
1.3 Vue与主流前端框架的对比
第2章 Vue 2.x开发基础
2.1 Vue是什么
2.2 环境搭建和Hello World
2.3 Vue的插值表达式
2.4 Vue的常用指令介绍”
2.4.1 v-html指令介绍
2.4.2 v-text指令介绍
2.4.3 v-if条件渲染
2.4.4 v-show条件渲染
2.4.5 v-for列表渲染
2.4.6 y-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.1.1 自定义组件介绍
3.1.2 组件的属性介绍
3.1.3 组件的事件绑定介绍
3.1.4 组件属性的双向绑定
3.1.5 组件属性的多重双向绑定
3.1.6 实现一个自定义confirm组件
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.2.1 使用Vue CLI初始化项目
4.2.2 脚手架项目结构介绍
4.2.3 生产环境和开发环境的介绍
4.3 Vue CLI的项目开发实战
4.3.1 从0开始开发一个后台管理系统
4.3.2 通过动态组件学习视图切换的概念
4.4 认识路由框架Vue Router
4.5 路由的深入研究
4.5.1 路由的常用跳转方式
4.5.2 多级路由的实现
4.5.3 路由缓存的实现
4.6 结合路由系统的项目开发
4.6.1 重构项目的登录页面
4.6.2 重构项目的首页并实现模拟登录
4.6.3 实现多级路由和缓存功能
4.6.4 导航守卫的介绍
4.7 U1框架的引入
4.7.1 什么是UI框架及常用的UI框架介绍
4.7.2 ElementUI的介绍及如何结合Vue CLl使用
4.8 通过ElementUI重构项目
4.8.1 改造登录页面
4.8.2 改造首页结构
4.8.3 导航菜单的实现
4.8.4 退出登录功能的实现
4.9 Axios网络通信框架
4.9.1 前后分离架构介绍
4.9.2 Axios简介及项目中的使用
4.9.3 什么是接口及服务接口的部署方式
4.9.4 在Vue项目中引入Axios框架
4.9.5 通过真正的网络接口实现登录功能
4.10 什么是状态管理
4.10.1 Vue实现状态管理的方式
4.10.2 Vuex的介绍
第5章 Vue CLI项目从0开始实战
5.1 项目搭建
5.2 全局状态配置
5.2.1 整合Vuex框架
5.2.2 动态加载菜单
5.2.3 实现Tabs标签页和二级路由页面
5.2.4 通过Vuex实现Tab标签页和菜单的状态联动
5.3 完成用户管理模块的开发
5.3.1 用户列表和模糊查询
5.3.2 列表的分页查询
5.3.3 新增用户信息
5.3.4 编辑用户信息
5.3.5 删除用户信息
5.4 完成角色管理模块的开发
5.5 完成菜单管理模块的开发
5.6 完成商品模块的开发
第6章 Vite+Vue 3.x完全开发指南
6.1 Vue 3.x入门
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
1.1 Web前端技术架构发展历程
1.2 Vue等新框架的诞生
1.2.1 Webpack介绍
1.2.2 Vue框架介绍
1.3 Vue与主流前端框架的对比
第2章 Vue 2.x开发基础
2.1 Vue是什么
2.2 环境搭建和Hello World
2.3 Vue的插值表达式
2.4 Vue的常用指令介绍”
2.4.1 v-html指令介绍
2.4.2 v-text指令介绍
2.4.3 v-if条件渲染
2.4.4 v-show条件渲染
2.4.5 v-for列表渲染
2.4.6 y-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.1.1 自定义组件介绍
3.1.2 组件的属性介绍
3.1.3 组件的事件绑定介绍
3.1.4 组件属性的双向绑定
3.1.5 组件属性的多重双向绑定
3.1.6 实现一个自定义confirm组件
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.2.1 使用Vue CLI初始化项目
4.2.2 脚手架项目结构介绍
4.2.3 生产环境和开发环境的介绍
4.3 Vue CLI的项目开发实战
4.3.1 从0开始开发一个后台管理系统
4.3.2 通过动态组件学习视图切换的概念
4.4 认识路由框架Vue Router
4.5 路由的深入研究
4.5.1 路由的常用跳转方式
4.5.2 多级路由的实现
4.5.3 路由缓存的实现
4.6 结合路由系统的项目开发
4.6.1 重构项目的登录页面
4.6.2 重构项目的首页并实现模拟登录
4.6.3 实现多级路由和缓存功能
4.6.4 导航守卫的介绍
4.7 U1框架的引入
4.7.1 什么是UI框架及常用的UI框架介绍
4.7.2 ElementUI的介绍及如何结合Vue CLl使用
4.8 通过ElementUI重构项目
4.8.1 改造登录页面
4.8.2 改造首页结构
4.8.3 导航菜单的实现
4.8.4 退出登录功能的实现
4.9 Axios网络通信框架
4.9.1 前后分离架构介绍
4.9.2 Axios简介及项目中的使用
4.9.3 什么是接口及服务接口的部署方式
4.9.4 在Vue项目中引入Axios框架
4.9.5 通过真正的网络接口实现登录功能
4.10 什么是状态管理
4.10.1 Vue实现状态管理的方式
4.10.2 Vuex的介绍
第5章 Vue CLI项目从0开始实战
5.1 项目搭建
5.2 全局状态配置
5.2.1 整合Vuex框架
5.2.2 动态加载菜单
5.2.3 实现Tabs标签页和二级路由页面
5.2.4 通过Vuex实现Tab标签页和菜单的状态联动
5.3 完成用户管理模块的开发
5.3.1 用户列表和模糊查询
5.3.2 列表的分页查询
5.3.3 新增用户信息
5.3.4 编辑用户信息
5.3.5 删除用户信息
5.4 完成角色管理模块的开发
5.5 完成菜单管理模块的开发
5.6 完成商品模块的开发
第6章 Vite+Vue 3.x完全开发指南
6.1 Vue 3.x入门
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