[问与答] vue3 怎么解耦页面的路由关系和布局关系啊

[小天管理]

比如我有几个页面之间的路由是继承关系，但是页面布局毫无关系； 但是有另外两个页面路由不相关，但是布局是类似的。

1. 比如 /:username 和 /project/:priject-id 这两个页面路由没有父子关系，但是页面布局有类似（例如都是左右分栏的）。我希望这两个页面能继承自同一个 layout 文件。
2. 比如/:username 和 /:username/:projectname这两个页面的路由有父子关系，但是页面布局毫无关系。这种情况下用 vue-router 似乎只能共用一个父 layout ？

我看 nextjs 那种基于文件的路由能很好的把 layout 和路由 decouple ，不知道 vue-router 能不能做到这点。

感谢大家！