本书是一本实用性很强的Vue.js3实战项目书。书中结合实际项目场景，构建了一个完整的企业级应用。全书共分13章，内容包含项目概述、Vue3项目管理、登录管理、后台主框架、图库管理、管理员管理、用户管理、商品管理、订单管理、优惠券管理、商品评论管理、分销管理和公告管理，并且讲解了这些模块的实际应用方法。同时，本书还介绍了如何使用Vite、Axios、Vue Router、Vuex等流行工具和库，以提高开发效率、提升用户体验。
通过学习本书，读者将掌握Vue.js 3的核心知识，并能够熟练地将其应用到实际项目中。
本书适合Vue.js 3初学者和前端开发人员使用，也可以作为网课、培训机构与大专院校的教学用书。

袁龙，主要从事Web开发、教学培训等业务，创建“锦匠特效”和“锦匠课堂”两大Web前端工具类网站，为数万前端开发者提供高效率的工作方式，轻松实现网页动画特效，目前是51CTO、CSDN等在线教育平台讲师。

第1章 项目概述
1.1 项目全局介绍
1.2 项目成果
第2章 Vue3项目管理
2.1 使用Vite创建Vue3项目
2.2 Vite目录结构
2.3 配置vue-router路由模块
2.4 设置文件系统路径别名
2.5 捕获404路由
2.6 全局引用ElementPlus
第3章 登录管理
3.1 登录静态页面
3.2 setup语法糖
3.3 登录表单数据进行合法性验证
3.4 封装axios请求模块
3.5 登录API交互
3.6 本地存储token信息
3.7 根据token获取管理员信息
3.8 禁止用户重复登录
3.9 使用Vuex仓库管理用户信息
3.10 全局路由守卫
3.11 Vuex数据持久化
3.12 退出登录
3.13 使用loading进度条
第4章 后台主框架
4.1 商城后台首页静态页面布局
4.2 Header组件样式开发
4.3 页面刷新及浏览器全屏
4.4 修改管理员密码
4.5 优化功能模块实现代码封装
4.6 侧边栏导航菜单布局
4.7 侧边栏菜单前后端数据交互
4.8 左侧导航菜单的展开和隐藏
4.9 动态新增选项卡菜单
4.9.1 选项卡样式布局
4.9.2 渲染tabs标签数据源
4.9.3 动态添加tabs标签
4.9.4 删除tabs标签
4.9.5 keep-alive页面缓存
4.10 后台首页统计面板
4.10.1 统计面板静态页面
4.10.2 统计面板数据交互
4.10.3 骨架屏及数字滚动效果
4.11 后台首页分类组件
4.12 首页echarts图表组件
4.12.1 echarts图表静态页面
4.12.2 echarts图表后端数据交互
4.13 店铺提示组件
第5章 图库管理
5.1 图库管理页面布局
5.2 图库分类数据交互
5.3 图库分类列表分页
5.4 新增图库分类样式布局
5.5 新增图库分类业务处理
5.6 修改图库分类
5.7 删除图库分类
5.8 图库列表布局
5.9 图库列表前后端数据交互
5.10 图库列表渲染及重命名
5.11 删除图片
第6章 管理员管理
6.1 管理员管理页面样式布局
6.2 管理员管理页面数据交互
6.3 管理员状态管理
6.4 新增管理员
6.5 删除管理员
6.6 编辑管理员信息
6.7 上传管理员头像
6.8 搜索及分页
6.9 菜单权限管理样式布局
6.10 菜单权限管理表数据交互
6.11 新增菜单权限
6.12 封装icon图标模块
6.13 修改菜单权限
6.14 修改菜单启用状态
6.15 删除菜单权限
6.16 角色管理页面样式布局
6.17 角色管理数据交互
6.18 新增角色
6.19 根据角色ID编辑角色
6.20 根据角色ID删除角色
6.21 根据角色ID修改角色启用状态
6.22 分配权限
第7章 用户管理
7.1 用户管理页面布局
7.2 用户列表前后端数据交互
7.3 新增用户
7.4 修改用户
7.5 删除用户
7.6 搜索用户
第8章 商品管理
8.1 商品规格管理页面样式布局
8.2 商品规格管理数据交互
8.3 新增商品规格
8.4 编辑商品规格
8.5 删除和批量删除商品规格
8.6 商品管理页面样式布局
8.7 商品管理数据交互
8.8 商品类型切换及商品搜索
8.9 新增商品
8.10 编辑商品
8.11 设置商品轮播图
8.12 设置商品详情
8.13 设置商品规格
8.13.1 商品单规格设置
8.13.2 商品多规格设置
8.13.3 渲染商品规格列表
8.13.4 渲染商品规格选项值
8.13.5 新增商品规格选项值
8.13.6 删除商品规格选项值
8.13.7 编辑商品规格选项值
8.13.8 新增商品规格
8.13.9 编辑商品规格
8.13.10 删除商品规格
8.13.11 商品多规格设置表格样式布局
8.13.12 初始化多规格表格
8.13.13 动态添加表格数据
8.13.14 解决数据覆盖
8.14 商品分类管理页面样式布局
8.15 商品分类管理数据交互
8.16 新增商品分类
8.17 编辑商品分类
8.18 删除商品分类
8.19 修改商品分类启用状态
第9章 订单管理
9.1 商品订单管理页面布局
9.2 商品订单列表数据交互
9.3 订单详情管理
9.4 批量删除订单
9.5 导出订单列表到Excel表格
第10章 优惠券管理
10.1 优惠券管理页面样式布局
10.2 优惠券列表数据交互
10.3 新增优惠券
10.4 修改优惠券信息
10.5 删除优惠券
10.6 设置优惠券失效
第11章 商品评论管理
11.1 商品评论管理页面样式布局
11.2 渲染商品评论列表
11.3 展开商品评论
11.4 回复或修改商品评论
11.5 设置商品评论是否显示
第12章 分销管理
12.1 分销员管理页面样式布局
12.2 分销员管理数据交互
12.3 查看分销员推广明细
12.4 分销设置
第13章 公告管理
13.1 公告管理页面样式布局
13.2 公告管理页面数据交互
13.3 新增公告
13.4 编辑公告
13.5 删除公告