vue-router 路由嵌套

//http://localhost:8080/#/home/news
{   
	path:'/home',  
	component:Home,   
	children:[
    {
      path:'news', // 此處不加'/'
      component:HomeNews,
    }  
     ] 
}

配置嵌套路由

{
    path:'/about',      //一級路由
    component:About,
    children:[          
      {                      //二級路由
        path:'/',            //二級的默認路由(此path指向上一級,即path:'/about')
        name:'expressLink',        
        component:Express      
      },
      {
        path:'/about/guide',
        name:'guideLink',
        component:Guide
      },
      {
        path:'/about/contact',
        name:'contactLink',
        component:Contact,
        children:[            
          {                                     //三級路由
            path:'/about/contact/personName',
            name:'personNameLink',
            component:PersonName,
          },
          {
            path:'/about/contact/phone',
            name:'phoneLink',
            component:Phone
          },
 
        ]
      }
    ]
  },
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章