如何共享许多组件的路由结构

Question

我有一个包含许多子路由的组件。每个子路由对于许多组件是相同的（当前位于6，并且这应该随着时间的推移而增长）。为了减少每个模板的重复（显示为:template路由参数），我制作了一些常用路由。

子路线如下 -

• :template - 显示信息中心
• :template/:id - 查看项目详情
• :template/:id/update - 对项目
发布更新
• :template/new - 新项目

通过这种方法，我可以使用一个配置对象，将每个路径组件类型映射到模板，并动态构建我的页面。

我的配置对象类似于此 -

let TMPL_CONF = {
  'template_1': {
    'home': Template1HomeComponent,
    'id': Template1IdComponent,
    'update': Template1UpdateComponent,
    'new': Template1NewComponent,
  },
    'template_2': {
    'home': Template2HomeComponent,
    'id': Template2IdComponent,
    'update': Template2UpdateComponent,
    'new': Template2NewComponent,
  }
}

我的问题是，是否有更好的方法让多个组件（或我的案例中的模板）共享相同的路由结构，而不必每次添加新模板时手动定义它？