我们目前面临着将多个 API 微服务及其相应的 UI 集成到 Web 应用程序中的挑战。
我们已经有了一些想要重用的 UI 解决方案，并且正在寻找一种构建客户端部分的好方法。
UI - 微服务方法应该划分 javascript 上下文，以便它们不共享相同的窗口对象。
我知道 Polymerjs 并且认为在聚合物组件的脚本标记中，窗口对象对于该组件是唯一的，但它似乎在所有其他聚合物组件之间共享。如果我们都以基于模块的方式进行开发，这不是一个大问题，但我知道一个视图库没有作为 amd 模块实现。我相信微服务 UI 解决方案应该与其他组件及其依赖项具有良好的隔离。
我不太喜欢的另一种方法是 iframe 划分的 Webapp，它为每个视图/微服务都有一个专用的文档模型。
就个人而言，我更喜欢使用 Vue.js 的解决方案，但我找不到任何将 Web 应用程序的 UI 部分真正划分为单个视图的示例。我不知道如何按需加载组件。
所以我的问题是：有人知道 webcomponents 不共享同一个窗口对象的解决方案吗？这可能吗？
有人知道用 vuejs 创建微服务 Ui 组件的好方法吗？
您创建隔离 UI 微服务 WebApp 的方法是什么？
欢迎任何有关 UI 微服务方法的建议！