24.路由的嵌套

路由的嵌套写法：

{
      path: '/Home',
      component: Home,
      children: [
        {
          path: '',
          redirect: 'news'
        },
        {
          path: 'news',
          component: HomeNews
        },
        {
          path: 'message',
          component: HomeMessage
        }
      ]
    },

注意：嵌套的路由路径不用加前面的/

然后，在父级路由映射的组件中通过router-view使用一下

<template lang="">
    <div>
        <h2>我是首页</h2>
        <p>我是首页内容</p>
        <router-link to="/Home/news">新闻</router-link>
        <router-link to="/Home/message">消息</router-link>
        <router-view></router-view>
    </div>
</template>

注意：这里的to属性的路径前面要加上/