Vue配置动态路由

1.需要创建两个或更多页面

2.在index.js的主页面下中配置如下内容

 {
    path: '/',
    name: 'Routerclass',
    component: Routerclass,
    children:[
      {
        path:'/list',
        name:'List',
        component:List,
      },{
        path:'/roles',
        name:'Roles',
        component:Roles,
      }
    ]
  },

3.主页面中编写下面代码，其中有路由出口

    <router-link to="/list">用户列表管理</router-link>|
    <router-link to="/roles">权限列表管理</router-link>
    <router-view></router-view>