使用vue.js，我如何设置带有嵌入子路由器的动态路由器链路？

npm install vue-router

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

Vue.use(VueRouter)

const router = new VueRouter({
  mode: 'history',
  routes: []
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

const router = new VueRouter({
  mode: 'history',
  routes: [
    {
      path: '/',
      component: Home
    },
    {
      path: '/about',
      component: About,
      children: [
        {
          path: 'profile',
          component: Profile
        },
        {
          path: 'settings',
          component: Settings
        }
      ]
    }
  ]
})

<template>
  <div>
    <h1>Parent Component</h1>
    <router-view></router-view>
  </div>
</template>

<template>
  <div>
    <h2>Child Component</h2>
    <router-view></router-view>
  </div>
</template>