在独立项目中拆分整体前端，并在一个页面中将其组成

Question

我们有一个由3个不同的“应用程序”组成的整体式水疗中心。布局分为两部分

• 标题：导航栏，包含指向应用程序和用户信息的链接
• 主容器：呈现所选应用的位置。

所有内容都是在单个存储库中开发的，即使每个应用程序都与其他应用程序完全无关。 现在，我们正在vuejs + vuetify中重写前端，并且需要将此整体拆分为独立的项目，我们不知道在每个应用程序之间共享导航栏的最佳解决方案是什么。

这是我们通过谷歌搜索的一些解决方案：

• 使用iframe->通常不建议使用iframe
• 使用ssi->资源不足，似乎太复杂而无法设置和管理
• 将单个应用部署为“ Web组件”（vue-cli build -wc）->由vue-cli创建的Web组件依赖于全局VUE对象，不确定该组件能否正常工作，否则性能可能会受到损害

我们的问题是否存在一些KISS模式？

对于我们的用例而言，诸如mosaic9，single-spa或类似项目之类的项目太多了。

谢谢。