VueCli案例项目(主页)

element的布局+导航菜单栏

通过接口获取菜单数据

• 通过axios请求拦截器添加token，保证拥有获取数据的权限

• 从API中拿数据

• 左侧菜单栏

• • 使用v-for循环渲染菜单栏，二级菜单的v-for循环在item的基础上
• • v-for的item in的容器，应是一个Array数组

• 图标渲染使用iconfont

• 每次只能展开一个菜单
  unique-opened属性

• 侧边栏的折叠与展开

• • 折叠属性

        :collapse="isCollapse"
        :collapse-transition="false"

• • 根据是否折叠改变div宽度用三元表达式

<el-aside :width="isCollapse?'64px':'200px'">