一、嵌套路由（配置好父路由component后，在父路由下面添加children屬性來配置這個父路由的子路由）
需要注意的是：父組件中的<router-view></router-view>是子組件的占位符是必不可少的
嵌套路由的現象：點擊了路由跳轉之后父路由組件的內容一直呈現；子路由的內容進行切換，地址欄的路徑也隨之改變。
// 嵌套路由
{
path: '/nest',
component: () => import('@/nest/nest'),
// 嵌套路由的關鍵字children，在父路由中添加children數組 中添加子路徑
children:[
{
// 要注意，以 / 開頭的嵌套路徑會被當作根路徑,這讓你充分的使用嵌套組件而無須設置嵌套的路徑。如果這里的path的值為'/son1將無法渲染son1子組件'
path: 'son1',
component: () => import('@/nest/nest_son1')
},
]
}
上面子路由中加不加‘/' 的區別：當去到son1的時候加 ‘/'會在地址欄中顯示 #/son1;不加 ‘/'的時候回在地址欄中顯示 #/nest/son1
注意：/xx就是根路徑
效果：
若有不足請多多指教！希望給您帶來幫助!
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對億速云的支持。如果你想了解更多相關內容請查看下面相關鏈接
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
