Vue3单页面多布局的实现

原文
之前搞了一下一个vue3的应用，后台的管控界面。昨天来了个需求，要提供一个新的无缝无边框的新页面，给Electron桌面端调用。

原有的管理控制台是SPA，单页面应用，于是首先想到的是vue如何支持多页面应用。查了一下，是支持的，在vue配置文件里就可以写，但多个应用又如何共享一些组件呢？没找到方案，然后研究了一下vue-router和layout的关系，了解到多级路由和router-view嵌套其实是可以实现布局切换的。

这样，顶层的根页面只需要写就可以了。

下面提供不同的布局，二级路由通过指定父级路由的component就可以决定自己采用哪个布局。

有了这个办法，就不用考虑多应用了，其实多应用主要还是想让布局不同。