nuxt2怎么创建一个路由该路由有多个子级路由

在 Nuxt.js 中，您可以使用嵌套路由来创建一个具有多个子级路由的路由。首先，在 `pages` 目录下创建一个文件夹，例如 `parent`，并在该文件夹下创建一个 `index.vue` 文件，这将成为路由的父级组件。然后，您可以在 `parent` 文件夹下创建更多的子级文件夹，例如 `child1` 和 `child2`，并在每个文件夹下创建一个 `index.vue` 文件，这将成为该子级路由对应的组件。

接下来，在 `nuxt.config.js` 文件中，您可以使用以下代码来定义路由：

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

在这里，我们使用 `children` 属性来定义子级路由。这里我们定义了两个子级路由：`child1` 和 `child2`。它们的路径分别是 `/parent/child1` 和 `/parent/child2`。您可以根据需要添加更多的子级路由，只需在 `children` 属性中添加更多的对象即可。

需要注意的是，父级路由的组件应该包含一个 `<nuxt-child>` 标签，以显示子路由的内容。例如，在 `pages/parent/index.vue` 中，您可以这样写：

<template>
  <div>
    <h1>Parent</h1>
    <nuxt-child />
  </div>
</template>

这将在父级路由的页面上显示子级路由的内容。