如何在nuxt中创建动态的、可互换的嵌套路由？

<template>
  <div>
    <h1>Parent Component</h1>
    <ul>
      <li>
        <nuxt-link to="/parent/child1">Child 1</nuxt-link>
      </li>
      <li>
        <nuxt-link to="/parent/child2">Child 2</nuxt-link>
      </li>
    </ul>
    <nuxt-child />
  </div>
</template>

export default {
  // ...
  router: {
    extendRoutes(routes, resolve) {
      routes.push(
        {
          name: 'parent',
          path: '/parent',
          component: resolve(__dirname, 'path/to/Parent.vue'),
          children: [
            {
              name: 'child1',
              path: 'child1',
              component: resolve(__dirname, 'path/to/Child1.vue')
            },
            {
              name: 'child2',
              path: 'child2',
              component: resolve(__dirname, 'path/to/Child2.vue')
            }
          ]
        }
      )
    }
  }
  // ...
}