04router

1.以 / 开头的嵌套路径会被当作根路径。一级路由可以放在二级router-view里面

实现的效果是页面嵌套

{
    path: '/console',
    name: 'console',
    component: () => import('@/views/console/ConseleIndex'),
    children:[
      //要注意，以 / 开头的嵌套路径会被当作根路径。一级路由可以放在二级router-view里面
      {path:'',redirect:'/goods1'},//redirect写的是路径 传name可能会出错
      {path:'/goods1',name:'goods1',component:()=>import('@/views/goods/Goods1')},
      {path:'/goods2',name:'goods2',component:()=>import('@/views/goods/Goods2')},
    ]

  },

2.ConseleIndex.vue父组件里面一定会有一个<router-view></router-view>

效果