element 嵌套路由跳转子路由？

Question

为什么点击2-1选项的时候走的路由["dataCalculation", "one"]，网址显示http://localhost:8080/#/one 
显示的页面却是这个父路由dataCalculation的组件

menu导航

<el-menu :default-active="$router.path" class="el-menu-demo" mode="horizontal" router>
        <el-menu-item index="/" icon="el-icon-search">1</el-menu-item>
        <el-submenu index="dataCalculation">
            <template slot="title">2</template>
            <el-menu-item index="one">2-1</el-menu-item>
        </el-submenu>
    </el-menu>
    
    <router-view></router-view>

路由

 routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/dataCalculation',
      component: DataCalculation,
      children: [
        { path: '/one', component: DataCalculationOne}
      ]
    }
  ]

Answer 1

子路由就是显示父级component,如果父级component中有<router-view/>,将其显示为子component.
不然这三个路由写成平级和写成父子没啥区别了