vue三级路由用什么单词配置

Vue的三级路由可以使用children配置来实现。在Vue的路由配置中，我们可以使用一个数组来定义子路由，即在父级路由中使用children字段来配置子级路由。

下面是一个示例代码，演示了如何配置Vue的三级路由：

const routes = [
  {
    path: '/home',
    name: 'Home',
    component: Home,
    children: [
      {
        path: 'details',
        name: 'Details',
        component: Details,
        children: [
          {
            path: 'info',
            name: 'Info',
            component: Info
          }
        ]
      }
    ]
  }
]

在上述代码中，我们定义了一个名为Home的父级路由，它对应的组件是Home。在Home路由中，我们使用children字段定义了一个名为Details的子级路由，它对应的组件是Details。而在Details路由中，我们再次使用children字段定义了一个名为Info的子级路由，它对应的组件是Info。

配置好这些路由后，我们可以在Vue的模板中使用<router-view>标签来显示三级路由对应的组件。在父级路由组件中，我们可以使用$route.children来访问当前路由的子级路由信息。

至此，我们就可以通过配置children字段来实现Vue的三级路由了。可以根据实际需求，进行更多的配置和定制。

在Vue中配置三级路由时使用的单词是"path"。"path"是Vue Router中用于指定路由路径的关键字。

配置三级路由时，需要在父级路由的"children"选项中添加一个新的路由对象，该对象包括"path"字段以及其他需要配置的字段。

以下是一个示例，展示如何配置三级路由：

const routes = [
  {
    path: "/",
    component: Home,
    children: [
      {
        path: "category",
        component: Category,
        children: [
          {
            path: "product",
            component: Product
          }
        ]
      }
    ]
  }
]

在上述示例中，有一个根路由为"/"，对应着"Home"组件。在这个根路由下，有一个名为"category"的子路由，对应着"Category"组件。在"category"子路由下，又有一个名为"product"的子路由，对应着"Product"组件。

这样配置之后，当访问"/category/product"路径时，会渲染"Product"组件，并将其显示在页面中。

需要注意的是，在配置三级路由时，每个层级都需要在父级路由的"children"选项中添加一个新的路由对象。这样能够形成层级关系，从而正确地匹配和渲染组件。

除了使用"path"字段来配置路由路径外，还可以使用其他字段来配置一些选项，如名为"name"的字段来给路由起别名，以及名为"meta"的字段来添加一些额外的元数据。详细的路由配置选项可以查阅Vue Router的官方文档。

在Vue中，可以使用children字段来配置三级路由。具体操作流程如下：

1. 在父级组件（二级路由组件）的路由配置中，通过children字段添加子组件的路由配置。

{
  path: '/parent',
  component: ParentComponent,
  children: [
    {
      path: 'child',
      component: ChildComponent,
      children: [
        {
          path: 'grandchild',
          component: GrandchildComponent
        }
      ]
    }
  ]
}

2. 在父级组件中添加一个带有<router-view></router-view>的容器来展示子组件。

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

3. 在子组件中重复步骤2，继续使用<router-view></router-view>容器来展示孙子组件。

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

4. 最后，在孙子组件中进行相应的显示操作。

<template>
  <div>
    <h1>Grandchild Component</h1>
    <!-- 具体的内容展示 -->
  </div>
</template>

需要注意的是，三级路由的配置方式与二级路由类似，只需在父级组件的路由配置中再次添加children字段即可。另外，父级组件和子组件的路由配置中，path字段需要使用'/' + 路径名称的形式，以保证正确的路由匹配。

以上为配置三级路由的基本方法和操作流程。根据实际需要，可以添加更多的子组件来满足不同页面的需求。同时，也可以根据需要进行动态路由配置和参数传递等操作。