一个页面里面出现两个二级路由占位符怎么整

在一个页面中出现两个二级路由占位符是比较常见的情况，可以通过在路由配置中使用嵌套路由的方式来处理。

具体做法是，在父级路由中定义一个组件，然后在该组件的模板中定义两个 `router-outlet` 占位符，分别对应两个二级路由。

示例代码如下：

// 父级路由配置
const routes = [
  {
    path: '',
    component: ParentComponent,  // 父级组件
    children: [
      {
        path: 'route1',
        component: ChildComponent1,  // 第一个二级路由组件
      },
      {
        path: 'route2',
        component: ChildComponent2,  // 第二个二级路由组件
      }
    ]
  }
];

// 父级组件模板
<template>
  <div>
    <router-outlet></router-outlet>
    <router-outlet></router-outlet>
  </div>
</template>

这样，当用户访问 `/route1` 时，会在第一个 `router-outlet` 中加载 `ChildComponent1` 组件，同时第二个 `router-outlet` 保持空白；当用户访问 `/route2` 时，会在第二个 `router-outlet` 中加载 `ChildComponent2` 组件，同时第一个 `router-outlet` 保持空白。