vue router children

作者：月冷清发布日期:2025-08-10 浏览:79

const routes = [
  {
    path: '/parent',
    component: ParentComponent,
    children: [
      {
        path: 'child1',
        component: Child1Component
      },
      {
        path: 'child2',
        component: Child2Component
      }
    ]
  }
];

// 解释说明：
// 在 Vue Router 中，`children` 属性用于定义嵌套路由。上面的代码示例中，`/parent` 路由下有两个子路由 `/parent/child1` 和 `/parent/child2`。
// 当访问 `/parent/child1` 时，会渲染 `ParentComponent` 和 `Child1Component`；当访问 `/parent/child2` 时，会渲染 `ParentComponent` 和 `Child2Component`。
// 子路由的路径是相对于父路由的，因此不需要在子路由路径前加上父路由的路径。

上一篇：vue安装sass

下一篇：vue3框架搭建