Vue嵌套路由

使用Vue嵌套路由的情况多半是要在某组件中嵌套其他组件渲染，比如要在主页添加其他内容。
简单说说步骤，详情：Vue 嵌套路由，以及其他两篇参考：Vue-Router路由嵌套理解、Vue嵌套路由（vue-cli项目写法）
组件嵌套举例：

+------------------+
| Home             |
| +--------------+ | 
| | index        | |
| |              | |
| +--------------+ |
+------------------+

1. 父组件中要配置 <router-view />

   <template>
       <div>
           <router-view />
       </div>
   </template>

2. 要配置路由嵌套

   routes: [
       {
         path: '/home',
         name: 'Home',
         component: Home,
         children: [
           {
             /* 注意path的写法,
             要注意, 以 / 开头的嵌套路径会被当作根路径。这让你充分的使用嵌套组件而无须设置嵌套的路径。
             'index' -> 访问路径 = /home/index
             '/index' -> 访问路径 = /index
             '/home/index' -> 访问路径 = /home/index */
             path: '/index',
             name: 'AppIndex',
             component: AppIndex,
             meta: {
               requireAuth: true
             }
           },
           {
             path: '/other',
             name: 'Other',
             component: OtherIndex,
           }
         ]
       },

   注意<router-view />不能遗漏，以及父子路由的写法。