个人笔记-----Vue中子路由的配置【如有不对，欢迎指正】

router.js 文件的 children 里的 path 的路径不能加 /， 因为不是根目录下的，
about文件里的 to 属性要有父级路径，<router-link to="/about/about1">about1</router-link>

<template>
  <div class="about">
    这是About文件
    <div>
      <router-link to="/about/about1">about1</router-link> | 
      <router-link to="/about/about2">about2</router-link>
    </div>
    <router-view/>
  </div>
</template>

  这是    router.js   文件
------------------------------------------------------------------
  import About from './views/About.vue'
  import About1 from './views/About1.vue'
  import About2 from './views/About2.vue'

  routes: [
    {
      path: '/about',
      name: 'about',
      component: About,
      children:[
        {path:'about1',component:About1},
        {path:'about2',component:About2}
      ]
    }
  ]