第1章 项目启动 1__eol__1.1 项目原型 1__eol__1.2 项目UI 2__eol__1.3 项目开发流程 2__eol__本章小结 4__eol__第2章 项目构建 5__eol__2.1 Node.js 5__eol__2.2 开发工具 6__eol__2.3 脚手架安装 6__eol__2.4 项目创建 8__eol__2.4.1 命令构建项目 8__eol__2.4.2 可视化构建项目 9__eol__2.5 项目仓库 11__eol__2.5.1 申请仓库 11__eol__2.5.2 推送项目 12__eol__2.6 项目分支 14__eol__2.6.1 分支命名 14__eol__2.6.2 分支管理 16__eol__2.6.3 分支创建 18__eol__本章小结 18__eol__第3章 初始化项目 19__eol__3.1 启动项目 19__eol__3.2 项目结构 19__eol__3.3 文件结构 22__eol__3.4 项目入口 22__eol__3.5 路由 23__eol__3.5.1 路由模式 23__eol__3.5.2 路由定义 24__eol__3.6 项目初始化配置 26__eol__3.6.1 配置vue.config.js 27__eol__3.6.2 配置Sass文件 27__eol__3.6.3 重置浏览器默认样式 29__eol__3.6.4 Element Plus 组件库 29__eol__3.6.5 依赖包指令的区别 34__eol__3.6.6 分支合并 35__eol__本章小结 36__eol__第4章 Vue.js 3的变化 37__eol__4.1 新特性 37__eol__4.1.1 组合式API 38__eol__4.1.2 teleport组件 39__eol__4.1.3 片段 41__eol__4.1.4 触发组件选项 41__eol__4.1.5 单文件组件组合式API 43__eol__4.1.6 变量驱动CSS 45__eol__4.1.7 样式穿透规则 46__eol__4.1.8 异步组件suspense 47__eol__4.2 生命周期 51__eol__4.2.1 Vue.js 2生命周期 52__eol__4.2.2 Vue.js 3生命周期 53__eol__4.2.3 KeepAlive生命周期 56__eol__4.3 生命周期的执行顺序 56__eol__4.3.1 单个组件 57__eol__4.3.2 父子组件 58__eol__4.3.3 keep-alive组件 59__eol__4.4 新语法 60__eol__4.4.1 ref和reactive 61__eol__4.4.2 toRefs 62__eol__4.4.3 computed 63__eol__4.4.4 watch 65__eol__4.4.5 watchEffect 67__eol__4.4.6 globalProperties 68__eol__4.4.7 getCurrentInstance 69__eol__本章小结 69__eol__第5章 登录及注册业务需求 70__eol__5.1 路由重定向 70__eol__5.2 制作登录页面 71__eol__5.2.1 scoped局部样式 71__eol__5.2.2 el-form 表单组件 72__eol__5.2.3 el-row和el-col组件 74__eol__5.2.4 el-button组件 75__eol__5.3 Vue.js指令与页面交互 77__eol__5.3.1 v-for指令 77__eol__5.3.2 v-bind指令 78__eol__5.3.3 v-on指令 80__eol__5.3.4 v-show和v-if指令 81__eol__5.3.5 v-model指令 84__eol__5.4 开发登录页面业务逻辑 86__eol__5.4.1 测试用例 86__eol__5.4.2 el-form表单校验 87__eol__5.4.3 el-form自定义校验规则 89__eol__5.4.4 工具库的封装 92__eol__5.5 Axios拦截器 94__eol__5.5.1 实例上下文 94__eol__5.5.2 接口文档 97__eol__5.5.3 Axios应用 99__eol__5.5.4 Axios拦截器封装 101__eol__5.5.5 接口联调 104__eol__5.5.6 接口跨域配置 106__eol__5.5.7 环境变量 109__eol__5.6 开发验证码业务逻辑 112__eol__5.6.1 交互体验 114__eol__5.6.2 表单提交按钮文本交互 114__eol__5.6.3 获取验证码提示交互 114__eol__5.6.4 获取验证码接口联调 116__eol__5.6.5 验证码倒计时交互 119__eol__5.7 拦截器业务处理 122__eol__5.7.1 响应拦截 123__eol__5.7.2 Promise对象 127__eol__5.7.3 注册接口联调 129__eol__5.7.4 密码加密 134__eol__5.7.5 登录接口联调 135__eol__本章小结 136__eol__第6章 搭建管理后台 137__eol__6.1 搭建框架 137__eol__6.2 后台首页 139__eol__6.3 局部组件 140__eol__6.4 导航菜单 140__eol__6.4.1 侧栏菜单 141__eol__6.4.2 el-menu菜单组件 141__eol__6.4.3 一级菜单 144__eol__6.4.4 子级菜单 147__eol__6.4.5 视图渲染 152__eol__6.5 图标 153__eol__6.5.1 Icon图标 153__eol__6.5.2 Iconfont平台 155__eol__6.5.3 SvgIcon全局组件 156__eol__6.5.4 组件通信Props 162__eol__6.5.5 计算属性Computed 166__eol__6.5.6 导航菜单的优化 170__eol__本章小结 173__eol__第7章 Vuex状态管理 174__eol__7.1 状态管理 174__eol__7.1.1 Module 175__eol__7.1.2 State 176__eol__7.1.3 Getters 177__eol__7.1.4 Mutations 178__eol__7.1.5 Actions 179__eol__7.2 后台头部静态制作 181__eol__7.2.1 Sass语法 181__eol__7.2.2 菜单按钮 183__eol__7.2.3 账号信息 184__eol__7.3 侧栏菜单的展开/收起 185__eol__7.3.1 菜单交互 186__eol__7.3.2 菜单优化 188__eol__7.4 HTML5本地存储 189__eol__7.4.1 sessionStorage 190__eol__7.4.2 localStorage 191__eol__7.4.3 侧栏菜单的刷新交互 192__eol__本章小结 193__eol__第8章 路由守卫 194__eol__8.1 登录逻辑 194__eol__8.2 Cookie 195__eol__8.3 Actions异步 197__eol__8.3.1 异步登录 198__eol__8.3.2 目录别名 199__eol__8.4 路由守卫 200__eol__8.4.1 to、from、next 参数 201__eol__8.4.2 校验token 202__eol__8.4.3 请求头token 204__eol__8.4.4 数据源 205__eol__8.4.5 退出接口 206__eol__本章小结 211__eol__第9章 信息管理模块 212__eol__9.1 框架微调 212__eol__9.2 列表页布局 213__eol__9.2.1 新增按钮 214__eol__9.2.2 搜索表单 215__eol__9.2.3 制作列表 217__eol__9.2.4 制作分页 218__eol__9.3 分类页面 221__eol__9.3.1 按钮和线 221__eol__9.3.2 树形菜单 222__eol__9.3.3 分类表单 227__eol__9.4 表单页面 228__eol__9.4.1 路由跳转 228__eol__9.4.2 信息管理详情页 229__eol__9.4.3 细节样式 234__eol__9.5 分类接口联调 236__eol__9.5.1 JSON对象 237__eol__9.5.2 交互配置 238__eol__9.5.3 添加父级分类接口联调 247__eol__9.5.4 分类列表接口联调 249__eol__9.5.5 添加子级分类接口联