当使用Redux和React时，我们可以使用react-redux，它在内部使用React的上下文API，使存储可用于通过connect创建的所有HoC。
我正在使用Web Components来评估主要使用Web Components构建应用程序的可行性，但仍想要一种处理状态管理的方法（在Polymer中他们使用mediator模式推荐，而Redux是一种全局介体）。
到目前为止，我可以让一个组件创建存储并将其传递给子组件以供使用。这有一个限制，我需要将商店传递给每个容器组件，如果他们需要将它传递给另一个容器，甚至将它传递给表示组件。
所以我想要实现的是一种方法，使存储可用于树中Store组件下的所有容器组件，最好不要使存储成为全局变量。我想象创建类似于react-redux连接组件的东西，但由于那个依赖于React上下文，我试图找到如何创建共享对象的想法。
在iife函数中包装类并在类的范围之外声明变量以及将类的属性赋值给外部变量将创建用于在元素实例之间共享数据的单例机制。然后，您可以将该元素包含在任何其他元素的模板中，并正常绑定到它。这是一个例子：https://github.com/firmfirm/f-singleton/blob/master/f-singleton.html