1. 基础使用

1. 获取路由对象，放入数据集

data() {
    return {
      list: []
    };
  },
created() {
    this.list = this.$router.options.routes[0].children;
  },

2. el-menu标签上添加 router 属性，
   遍历路由对象，
   el-menu-item 标签添加 :index="遍历对象.path"（index 传入路由的path路径）
   定义路由出口 </router-view />

<el-col :span="8">
      <h5>标题</h5>
      <el-menu
        default-active="2"
        class="el-menu-vertical-demo"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
        router
      >
        <el-menu-item :index="item.path" v-for="(item, index) in list" :key="index" >
          <span slot="title">{{ item.name }}</span>
        </el-menu-item>
      </el-menu>
    </el-col>
<router-view></router-view>

3. 如果需要跳转传参，可以给 el-menu-item 添加路由对象 route 属性

:route="{ path: item.path, query: { name: item.name }}"