子路由

app.vue

    

      导航：
      首页
      香蕉1号
      香蕉2号
    
    
  

路由配置

 routes: [
    {
      path: '/',
      name:Login,
      component: Login
    },
    {
      path:'/banana',
      component: Banana,
      children:[
        {
          path:'/',
          component:B
        },
        {
          path:'b1',
          component:B1
        },
        {
          path:'b2',
          component:B2
        }
      ]
    }

  ]

3.banana

      
{{message}}