7-1 Vuex
vuex - 码云仓库，点击下载
1.Vuex基础-介绍
2.vuex基础-初始化功能
3.vuex基础-state
4.vuex基础-mutations
5.vuex基础-actions
6.vuex基础-getters
7.1为什么会有模块化
7.2模块化的简单应用
7.3模块化中的命名空间
8.vuex案例-搭建黑马头条项目
Vue中台项目源码仓库， 下载地址
9.vuex案例-封装分类组件和频道组件
10.1设计categtory和newlist的vuex模块
10.2分类模块下设置分类数组和当前激活分类
10.3遍历分类数据并判断激活class
10.4封装调用获取分类action,激活第一个分类
10.5定义新闻数据，并封装获取新闻的Action
10.6监听激活分类，触发获取新闻Action
10.7处理显示新闻内容的数据
7-2 项目前置知识、
element-ui 的使用
源码仓库下载地址
1.1实现表单基本结构
1.2表单校验的先决条件
1.3表单校验规则
1.4自定义校验规则
1.5手动校验的实现
2.1关于Promise你必须知道几件事
2.异步编程的终极方案
7-3 项目基础环境搭建
缺点：就是官方的，体积太大，不建议拿来二次开发
代码仓库地址：下载源码
1.vue-element-admin的了解和介绍
2.搭建项目前的一些基本准备
3.项目模板启动和目录介绍
源码下载仓库地址
4.1项目运行机制和代码注释-main.js
4.2项目运行机制和代码注释-App.vue
4.3项目运行机制和代码注释-permission.js
4.4项目运行机制和代码注释
4.5.6项目运行机制和代码注释-scss-icons
5.1:SCSS处理的了解和使用-搭建小型的测试环境
知识补充-切换项目，学习下scss的使用
源代码仓库下载地址
5.2:SCSS处理的了解和使用-基本语法
6.建立远程Git仓库并完成初始提交
学习了less的使用，切换回人力项目，开始继续项目的搭建
7.1Axios的拦截器介绍
7.2api模块的单独封装
8.公共资源图片和统一样式
7-4 登录模块
1.设置固定的本地访问端口和网站名称
2.登录页面的基础布局
3.1表单校验的先决条件
3.2手机号和密码的校验
3.3关于修饰符
4.1为什么会出现跨域
4.2开发环境解决跨越代理
5.封装单独的登录接口
6.1在Vuex中对token进行管理
6.2封装登录的Action
7.1区分axios在不同环境中的请求基础地址
7.2处理axios的响应拦截器
8.登录页面调用登录action,处理异常
7-5 主页模块
1.1权限拦截的流程图
1.2流程图转化代码
2.主页的左侧导航样式
3.设置头部内容的布局和样式
4. 获取用户资料接口和token注入
5.封装获取用户资料的action并共享用户状态
6.1权限拦截器调用action
6.2获取头像接口合并数据
7.1自定义指令
7.2在main.js完成自定义指令全局注册
8.实现登出功能
9.1主动介入token处理的业务逻辑
9.2流程图转化代码
10.Token失效的被动处理
7-6 路由和页面
1.路由页面整理
2.1新建模块的页面和路由文件
2.2设置每个模块的路由规则
3.静态路由和动态路由临时合并，形成左侧菜单
4.左侧菜单的显示逻辑，设置菜单图标
7-7 组织架构
1.1认识组织架构
1.2实现组织架构的头部内容
1.3树形组件认识
1.4实现树形的静态组织结构
2.1封装单独的树操作栏组件
2.2在组织架构中应用操作栏组件
3.1封装API接口，获取组织架构数据
3.2将数组数据转化成树形结构
4.1封装删除接口，注册下拉菜单事件
4.2调用删除接口，通知父组件更新数据
5.1封装新增接口，新建组件中的弹层结构
5.2点击新增子部门显示弹层组件
6.1完成新增表单的基本校验条件
6.2配置新增表单的基本校验规则
6.3部门名称和部门编码的自定义校验
6.4处理首部内容的pid数据
7.新增部门功能-部门负责人数据
8.1校验通过，调用新增接口
8.2利用sync修饰符关闭新增弹层
8.3取消时重置数据和校验
9.1点击编辑弹出层，记录当前节点
9.2父组件调用子组件的获取详情方法
9.3根据计算属性显示控制标题
10.1封装编辑接口，保存区分场景
10.2校验规则支持编辑场景下的校验
下一篇：Vue - HR-saas中台管理项目（下）
