nuxt2创建路由怎么创建多个子级路由

在 Nuxt.js 中，可以使用嵌套路由来创建多个子级路由。首先，在 `pages` 目录下创建一个文件夹，例如 `parent`，然后在该文件夹下创建一个 `index.vue` 文件，这将成为父级路由。接下来，在 `parent` 文件夹下创建另一个文件夹，例如 `child`，并在该文件夹下创建一个 `index.vue` 文件，这将成为子级路由。最后，您可以在 `nuxt.config.js` 文件中使用以下代码来定义路由：

export default {
  // ...
  router: {
    extendRoutes(routes, resolve) {
      routes.push({
        name: 'parent-child',
        path: '/parent/:parentId/child',
        component: resolve(__dirname, 'pages/parent/child/index.vue')
      })
    }
  }
}

这将创建一个名为 `parent-child` 的路由，它的路径将是 `/parent/:parentId/child`，其中 `:parentId` 是一个动态参数，可以在父级路由中使用。该路由将使用 `pages/parent/child/index.vue` 组件作为其组件。您可以根据需要添加更多的子级路由，只需在 `child` 文件夹下创建更多的路由组件，并在 `nuxt.config.js` 中定义它们即可。