什么是嵌套路由

   是否是嵌套路由主要是由頁(yè)面結(jié)構(gòu)來(lái)決定的,實(shí)際項(xiàng)目中的應(yīng)用界面，通常由多層嵌套的組件組合而成。簡(jiǎn)而言之,嵌套路由就是在路由里面嵌套它的子路由。

　　嵌套子路由的關(guān)鍵屬性是children,children也是一組路由，相當(dāng)于前面講到的routes,children可以像routes一樣地去配直路由數(shù)組。每一個(gè)子路由里面可以嵌套多個(gè)組件。子組件又有路由導(dǎo)航和路由容器，示例代碼如下:　　

<router-link to="/父路由的地址/要去的子路由"></router-link>

　　當(dāng)使用children屬性實(shí)現(xiàn)子路由時(shí),子路由的path屬性前不要帶“/“，否則會(huì)永遠(yuǎn)以根路徑開(kāi)始請(qǐng)求,這樣不方便用戶去理解URL地址。

　　下面我們通過(guò)代碼演示一個(gè)簡(jiǎn)單的嵌套路由的配置,具體代碼如下:

var router = new VueRouter({
  routes: [
   {
     path: '/home' ,
     component: home,
     children: [
      { path: 'loain', component: login },
      { path: 'register', component: register }
     ]
    }
  ]
})

　　在上述代碼中，第3～10行配置的是外層路由，第6～9行配置的是子路由。