vue-router

 

 还有个命名视图:router-view 可以加别名name=xxx   路由组件要有相应的组件components:{default:  xxx,a:xxxx}

$router.options.routes 获取router类的属性 信息；

$route.path 获取请求路径相关信息    如：path 和  参数 等。

每一个vue文件的组件都必须在同一个根节点下：div 包裹容器。

嵌套路由：  /根路径-->/pageone 和/pagetwo      / 访问 App.vue ： Router-view 加载组件Table视图     Table.vue中的Router-view加载组件 Pageone 或者Pagetwo视图
{
    path: '/',
    name: '菜单一',
    icon:'el-icon-apple',
    redirect:'/pageone',
    component: () => import('../views/Table.vue'),   Table视图   
    children:[
      {
        path: '/pageone',
        name: 'Pageone',
        component: () => import('../views/Pageone.vue'),  Pageone 视图
      },
      {
        path: '/pagetwo',
        name: 'Pagetwo',
        component: () => import('../views/Pagetwo.vue'),  Pagetwo 视图
      },
    ]
  }