定义

1. 嵌套路由，又名多级路由。
2. 嵌套路由的实质就是在一个路由下开通的子路由。

配置

1. 同一级路由的配置，首先引入参与路由的组件。

2. 在一级路由配置中加入 children 配置项。

   export default new VueRouter({
       routes: [
           {
               path: '/home',
               component: Home,
               children: [
                   {
                       path: 'news',
                       component: News
                   },
                   {
                       path: 'message',
                       component: Message
                   }
               ]
           },
           {
               path: '/about',
               component: About
           }
       ]
   })

3. 注意事项，嵌套的路由在配置 path 配置项是，不用加前面的 /

使用

1. 这里和一级路由使用一样，也要用到 <router-link></router-link> 和 <router-view></router-view> 标签。

2. 二级路由的使用就是在一级路由组件中加入导航，跳转路径需要加上一级路由本身。

   <ul class="nav">
     <li>
     	<router-link active-class="active" to="/home/news">News</router-link>
     </li>
     <li>
     	<router-link active-class="active" to="/home/message">Message</router-link>
     </li>
   </ul>
   <div class="content">
   	<router-view></router-view>
   </div>