在Vue.js中，如何使用多个路由器视图，其中一个视图位于另一个组件内部？

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

import VueRouter from 'vue-router'

const router = new VueRouter({
  routes: [
    {
      path: '/',
      component: Home,
      children: [
        {
          path: 'subcomponent',
          component: Subcomponent
        }
      ]
    }
  ]
})

export default router

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

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