Vue 3组合式API中，组件无关的嵌套路径路由配置方案咨询

当/users和/users/user-reference对应的组件完全独立、无关联时，必须选择选项A，原因如下：

• 选项B是嵌套路由结构，UserReference会作为Users的子组件存在，需要依赖Users组件内的<router-view>标签才能渲染，这就强制绑定了两个组件的关联关系，不符合“完全独立”的要求。
• 选项A将两个路由配置为同级，各自对应独立的组件，访问两个路径时会分别渲染对应的组件，彼此没有依赖，完美匹配“完全独立无关联”的场景。

选项A代码：

const routes = [
  { path: '/users', component: Users },
  { path: '/users/user-reference', component: UserReference },
];

选项B代码（不适用当前场景）：

const routes = [
  {
    path: '/users',
    component: Users,
    children: [
      {
        path: 'user-reference',
        component: UserReference
      }
    ]
  }
];

内容的提问来源于stack exchange，提问作者S C