背景管理系統實作多級菜單路由

在vue實作背景管理系統時一般都有一個固定的界面布局，往往都會有左側sider為菜單路由，右側分header資訊和main内容的展示。下面是一種比較常見的背景系統布局。

結構：

1、layout第一層路由視圖

<template>
  <el-container class="app-container">
    <el-aside class="app-aside" :width="isCollapse?'60px':'200px'">
      <router-link to="/" class="aside-title">
        <img src="@/assets/logo.png" alt="">
        <span v-if="!isCollapse" style="padding-left:10px;">項目名稱</span>
      </router-link>
      <side-bar :isCollapse="isCollapse"></side-bar>
    </el-aside>
    <el-container style="min-width:1200px;">
      <el-header class="app-header">
        <nav-bar></nav-bar>
      </el-hea