张云鹏，前中国联通（黑龙江）产业互联网公司前端技术专家。10年软件研发经验，精通前、后端技术。带领百人技术团队专注于企业内部前端框架研发、前端高性能渲染、前端自动化部署，以及前端核心架构建设。精通Web应用开发，移动App开发及桌面程序开发。现IT教育行业从业者，致力于IT领域的知识分享和开源贡献，将多年的一线架构设计经验和研发经验融入IT教育领域。

目录

第1章Web前端技术架构及Vue框架

1.1Web前端技术架构发展历程

1.2Vue等新框架的诞生

1.2.1Webpack介绍

1.2.2Vue框架介绍

1.3Vue与主流前端框架的对比

第2章Vue 2.x开发基础

2.1Vue是什么

2.2环境搭建和Hello World

2.3Vue的插值表达式

2.4Vue的常用指令介绍

2.4.1vhtml指令介绍

2.4.2vtext指令介绍

2.4.3vif条件渲染

2.4.4vshow条件渲染

2.4.5vfor列表渲染

2.4.6vmodel双向绑定

2.4.7vonce一次性渲染

2.4.8vbind属性绑定介绍

2.4.9von事件绑定介绍

2.4.10style绑定介绍

2.4.11class绑定介绍

2.4.12其他常用指令介绍

2.5Vue的常用选项介绍

2.5.1data选项介绍

2.5.2计算属性介绍

2.5.3watch监听介绍

2.6Vue的生命周期介绍

2.6.1生命周期图解

2.6.2生命周期钩子函数详细讲解

第3章Vue 2.x组件开发

3.1Vue组件定义方案

3.1.1自定义组件介绍

3.1.2组件的属性介绍

3.1.3组件的事件绑定介绍

3.1.4组件属性的双向绑定

3.1.5组件属性的多重双向绑定

3.1.6实现一个自定义confirm组件

3.2Vue的插槽介绍

3.3Vue的动态组件介绍

3.4Vue的组件缓存

3.5Vue的组件过渡

3.6其他高级API的介绍

第4章Vue CLI开发完全指南

4.1什么是脚手架

4.2Vue CLI的入门指南

4.2.1使用Vue CLI初始化项目

4.2.2脚手架项目结构介绍

4.2.3生产环境和开发环境的介绍

4.3Vue 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.7UI框架的引入

4.7.1什么是UI框架及常用的UI框架介绍

4.7.2ElementUI的介绍及如何结合Vue CLI使用

4.8通过ElementUI重构项目

4.8.1改造登录页面

4.8.2改造首页结构

4.8.3导航菜单的实现

4.8.4退出登录功能的实现

4.9Axios网络通信框架

4.9.1前后分离架构介绍

4.9.2Axios简介及项目中的使用

4.9.3什么是接口及服务接口的部署方式

4.9.4在Vue项目中引入Axios框架

4.9.5通过真正的网络接口实现登录功能

4.10什么是状态管理

4.10.1Vue实现状态管理的方式

4.10.2Vuex的介绍

第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.1Vue 3.x入门

6.2Vite介绍

6.2.1什么是Vite

6.2.2使用Vite初始化Vue 3项目

6.2.3项目结构介绍

6.3组合式API与响应式API

6.3.1setup()函数介绍

6.3.2reactive()+ref()系列介绍

6.3.3computed()函数式用法

6.3.4watch()函数式用法 

6.3.5setup()函数与生命周期的关系

6.4Vue 3的函数式编程

6.4.1script setup介绍

6.4.2单文件组件样式特性

6.5Vue 3自定义组件开发介绍

6.5.1Vue 3的函数式自定义组件介绍

6.5.2顶层await和异步组件的介绍

6.5.3其他组件开发API介绍

第7章Vue 3.x项目实战

7.1Vue 3.x与Vue Router 4.x的整合

7.1.1Vue Router 3.x与Vue Router 4.x的区别

7.1.2Vue Router与Vue的整合案例

7.2Vuex 3.x与Vuex 4.x的整合

7.2.1Vuex 3.x与Vuex 4.x的区别

7.2.2Vuex与Vue整合案例

7.3Pinia状态管理模块新的选择

7.3.1Pinia简介

7.3.2Pinia与Vue整合案例

7.4Vue 3.x与ElementPlus的整合

7.4.1ElementPlus介绍

7.4.2ElementPlus与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.1Vue 2.x的数据响应式原理

8.1.1Object.defineProperty()的介绍

8.1.2使用Object.defineProperty()模拟Vue的数据响应式系统

8.1.3仿真小型的Vue 2.x

8.2Vue 3.x的数据响应式原理

8.2.1Proxy代理对象的介绍

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.1Vue Router的原理

8.4.2徒手封装Vue Router

8.4.3Vuex状态管理的一些注意事项