点击侧边栏里的选项，我们需要让它能有访问路由，
可在<el-menu>中开启router：
Home.vue中修改：接口中的path就是路由路径

<el-menu
            background-color="#333744"
            text-color="#fff"
            active-text-color="#409EFF"
            unique-opened
            :collapse="isCollapse"
            :collapse-transition="false"
            :router="true"
        >
       .......
       ........
<!--启用el-menu中就会将index的值作为路由路径-->
<el-menu-item :index="'/'+ subItem.path" v-for="subItem in item.children" :key="subItem.id">

路由有了，那么需要为这个路由添加组件，我们点击用户列表是想要在右边显示内容。
创建/components/user/Users.vue，加入：

<template>
  <div>
    <h3>用户列表组件</h3>
  </div>
</template>

<script>
  export default {
    name: 'Users'
  }
</script>

<style lang="less" scoped>

</style>

router/index.js修改：

import Users from '../components/user/Users'
....
{
    path: '/home',
    component: Home,
    redirect: '/welcome',
    //子组件
    children: [{ path: '/welcome', component: Welcome },{path: '/users',component: Users}]
  }

点击用户列表：