1. 程式人生 > >vue—router巢狀路由設定及預設選擇

vue—router巢狀路由設定及預設選擇

巢狀路由

應用場景:用vue-router 設定一個頁面的路由的時候,在其頁面元件內也需要用到,用一個專案來舉例子 我在app.vue中設定路由出口對其他頁面元件.設定路徑,比如home 首頁設定,在router資料夾index.js中設定

routes: [
	{
		path: '/',
		component: home,
	    },
	    ]

如果我要在首頁中也設定一個路由出口時候
就要在index.js中配置children

  routes: [
	{
		path: '/',
		component: home,
	    children: [
		{
      path: '/',
      component: Tuijian
     
    },{
      path: 'Tuijian',
      component: Tuijian
     
    }
    ]

這樣就可以在home中設定預設路由為Tuijian了