Javascript 这是一种隔离的UI微服务集成的好方法

我们目前面临的挑战是将多个API微服务及其相应的UI集成到一个web应用程序中

我们都准备好了一些UI解决方案，我们希望重用这些解决方案，并且正在寻找一种构造客户端的好方法

UI-microservice方法应该划分javascript上下文中的窗口，这样它们就不会共享同一个窗口对象

我了解Polymerjs和Thought，在聚合物组件的脚本标记中，窗口对象对于该组件是唯一的，但它似乎在所有其他聚合物组件中共享。如果我们都以基于模块的方式开发，这不是一个大问题，但我知道有一个视图库没有实现为amd模块。我相信微服务UI解决方案应该与其他组件及其依赖性保持良好的隔离

另一种我并不喜欢的方法是Iframe分割的Webapp，它为每个视图/微服务提供了专用的文档模型

就个人而言，我更喜欢使用Vue.js的解决方案，但我找不到任何将Web应用程序的UI部分真正划分为单个视图的示例。我不知道如何按需加载组件

所以我的问题是： 有人知道一种解决方案，其中webcomponents不共享同一个窗口对象吗？这可能吗

有人知道用vuejs创建微服务Ui组件的好方法吗

您如何创建一个独立的UI微服务Web应用程序

---

欢迎对UI微服务方法提出任何建议

在stackexchange上发现类似问题