第22任务：Vue30由0到1搭建管理后台 -锐亚教育

第1任务：第1学时了解产品从0到1的开发流程，产品经理、UI设计师、研发部、测试工程师

第2任务：第2学时安装node.js、vue3.0脚手架、创建github代码管理仓库、构建vue项目

第3任务：第3学时 2.0与3.0的差异，vue.config.js、引入全局样式、router重定向、el

第4任务：第4学时 vue文件标准结构、vfor遍历、key、vbind属性、@click事件、绑定clas

第5任务：第5学时熟悉element-ui组件、制作表单验证、了解组件的用法

第6任务：第6学时封装校验js文件、webpack目录配置指向、export暴露方法、import引用、指

第7任务：第7学时 2.0语法转3.0、setup函数、reactive函数、ref函数、isRef、toR

第8任务：第8学时 axios拦截器，模块管理API，export、export default的区别

第9任务：第9学时 axios跨域配置、环境变量、接口文档

第10任务：第10学时登录接口接调试、响应拦截、elementui message、root参数

第11任务：第10-1学时

第12任务：第11学时按测试用例流程开发项目、注册接口联调、倒计时setTimeout、setInterva

第13任务：第11-1学时

第14任务：第11-2学时登录接口调试、定时器知识点

第15任务：第12学时了解基础的Promise的方法、resolve、reject、all、race、the

第16任务：第13学时请求头拦截、Request Headers添加参数、登录密码sha1加密、前端台加密流

第17任务：第14学时简单了解vue学习目标，具体学习什么东西，了解基础的指令

第18任务：第15学时后台首页搭建、router路由跳转、children属性、components组件、局

第19任务：第16学时 elementui的el-menu组件生成路由菜单、定义全局elemenui样式表、修

第20任务：第17学时 svgIcon制作、全局组件Vue.component、父子组件传值props、pro

第21任务：第17-1学时完善后台首页布局

第22任务：第18学时 Vuex、State、Getters、Mutations、菜单导航收起、展开

第23任务：第19学时 router.beforeEach路由守卫，检测toKen是否非法进入后台，to、fr

第24任务：第19-1学时登录存储token、token存在基础逻辑进入后台

第25任务：第19-2学时退出后台清除token、防止非法进入、GIT代码合并、提交当天开发的代码

第26任务：第20学时设计稿UI制作、element-ui组件、el-select、el-row、el-co

第27任务：第20-1学时设计稿UI制作、element-ui组件、el-table、el-paginati

第28任务：第20-2学时设计稿UI制作、element-ui组件、el-dialog、父子组件回调emit

第29任务：第20-3学时设计稿UI制作、element-ui组件、el-messageBox、自定义全局方

第30任务：第20-4学时设计稿UI制作、信息分类UI制作

第31任务：第21-1学时信息管理模块，删除接口、修改接口

第32任务：第21-2学时接口封装，vue3.0封装方式，vuex的actions方式，为后期维护方便

第33任务：第21-3学时添加信息接口、获取列表接口、分页处理请求数据、获取分类优化，变量优化

第34任务：第21-4学时单记录、批量删除接口、table组件数据加载优化、formatter属性返回值、日

第35任务：第21-5学时信息编辑接口、添加子级分类接口、请求全部分类接口

第36任务：第22学时 router路由跳转、5种传参方式、vuex配合HTML5本地储存

第37任务：第22-1学时详细页数据读取、初始化数据、富文本编辑器、vue devTool依赖

第38任务：第22-2学时 elementui upload组件结合七牛云第三方储存，七牛云建立空间、域名绑定

第39任务：第22-3学时 elementUI组件二次封装开发，组件封装的一些问题思考，什么时候需要watch

第40任务：第23学时用户管理功能迭代、git分支创建、日常工作中的日报、周报总结、项目的管理

第41任务：第23-1学时用户管理UI制作、elementUI el-select组件封装、参数配置、组件命

第42任务：第23-2学时真正理解vue组件化开发、组件概念、优势、全局组件component、局部组件im

第43任务：第23-3学时 vue生命周期，组件生命周期，3.0改写2.0组件

第44任务：第23-4学时 vue3.0生命周期，封装el-table组件

第45任务：第23-5学时封装el-table组件，v-slot插槽3种方式，数据绑定

第46任务：第23-6学时封装el-table组件，数据请求，整合url请求地址，统一api文件夹管理

第47任务：第23-7学时封装el-table组件，业务逻辑的拆分、组合

第48任务：第23-8学时 elementUI 页码组件、业务逻辑拆分页码，配置项

第49任务：第23-9学时 vue2.0 mixins混入、按需混入、全局混入

第50任务：第24学时省、市、区、街道组件封装、业务逻辑抽离

第51任务：第24-1学时省、市、区、街道组件封装、业务逻辑抽离

第52任务：第24-2学时省市区数据返回，el-radio、el-checkbox、获取角色管理API

第53任务：第24-3学时用户添加接口、json对象深拷贝、浅拷贝用法及注意事项

第54任务：第24-4学时组件通讯开始篇.sync、elemntUI Switch组件、用户列表、删除接口联

第55任务：第24-5学时组件通讯完整版（重点知识）

第56任务：第24-6学时用户状态接口、编辑接口、搜索接口联调（上）

第57任务：第24-7学时用户状态接口、编辑接口、搜索接口联调（下）

第58任务：第25学时动态路由开发，按系统分配路由，系统列表接口

第59任务：第25-1学时动态路由开发，以角色分配路由

第60任务：第25-2学时按钮级权限，注册全局方法处理

第61任务：第25-3学时按钮级权限，自定义指令处理

第62任务：第26学时组件缓存keep-alive、接口优化避免资源浪费

第63任务：第26-1学时 BUG修复、监听路由变化、环境变量参数配置

第64任务：第26-2学时 404页面

第65任务：第26-3学时 404页面问题修复，退出接口联调

第66任务：第27学时 BUG修复过程、优先级排序、项目流程阶段、一些啰嗦的话语

第67任务：第28学时 ECS云服务器购买、了解服务器的基础结构、nginx安装、端口配置、防火墙

第68任务：第28-1学时 nginx配置、多项目部署、单项目部署、iptables安装配置

第69任务：第28-2学时 nginx配置、日志查看，proxy_pass指向配置、调通接口数据、域名解析访问

第70任务：第29学时 VUE3.0后台系统开发结束语、后续学习的系列课程

第71任务：知识补充域名、服务器、数据库

Vue30由0到1搭建管理后台

第22任务： 第18学时 Vuex、State、Getters、Mutations、菜单导航收起、展开

任务列表

第22任务：第18学时 Vuex、State、Getters、Mutations、菜单导航收起、展开