Vue_day08Contents目后台首页的基本布局左侧菜单栏用户列表展示添加用户Contents目后台首页的基本布局左侧菜单栏用户列表展示添加用户了解后台主页的基本布局要点提示主页-实现基本的主页布局掌握程度：了解1.1实现基本的主页布局视了解header区域的布局和样式设置要点提示主页主页--美化主页的美化主页的headerheader区域区域掌握程度：了解1.2美化主页的header区域视练练习完成后台首页的基本布局完成header区域的布局和css设置提示按照步骤完成后台首页布局及headerA.添加页面html结构B.通过element-ui组件同名的类名添加样式5分钟1.2美化主页的header区域案例：完成后台首页布局及header视练了解后台首页的导航菜单如何实现要点提示主页-实现导航菜单的基本结构掌握程度：了解1.3实现导航菜单的基本结构视了解axios拦截器添加token验证如何实现要点提示主页主页--通过通过axiosaxios拦截器添加拦截器添加tokentoken验证验证掌握程度：了解1.4通过axios拦截器添加token验证视练练习完成后台首页的左侧菜单栏布局完成axios拦截器验证提示按照步骤完成左侧菜单栏及axios拦截器A.复制element-ui的菜单组件代码B.在element.js中导入菜单栏等相关组件C.在main.js中添加拦截器代码axios.interceptors.request.use(config=>{//为请求头对象，添加token验证的Authorization字段config.headers.Authorization=window.sessionStorage.getItem("token")returnconfig})5分钟1.4通过axios拦截器添加token验证案例：完成左侧菜单栏及axios拦截器视练Contents目后台首页的基本布局左侧菜单栏用户列表展示添加用户了解如何使用axios发送请求获取数据要点提示主页-获取左侧菜单数据掌握程度：了解2.1获取左侧菜单数据视理解使用双重v-for循环渲染一级菜单以及二级菜单要点提示主页主页--通过双层通过双层forfor循环渲染左侧菜单循环渲染左侧菜单掌握程度：了解2.2通过双层for循环渲染左侧菜单视了解通过active-text-color属性更改激活项颜色了解通过数据绑定设置菜单图标要点提示主页主页--为选中项设置字体颜色并添加分类图标为选中项设置字体颜色并添加分类图标掌握程度：了解2.3为选中项设置字体颜色并添加分类图标视练练习完善侧边栏菜单提示按照步骤完善侧边栏菜单A.编写代码请求侧边栏数据B.编写双重v-for根据数据生成菜单C.通过数据改变i标签的类名设置菜单图标通过添加iconsObj数组保存菜单id对...
