在javascript主机应用程序中的Vue微前端通信

Question

我有使用REACT和VUE的微前端远程组件。我想使用普通的JS在主机应用程序(.net)中使用这些组件。我目前正在使用模块联合将远程组件加载到主机应用程序中。如何在这些组件之间共享状态。以另一种方式，一个组件如何与另一个组件通信？

Answer 1

基本的方式是EventListener总线。示例:您的Vue组件正在触发事件，您的React组件正在侦听此事件。当事件被触发时，react将启动自己的操作。

为此，您可以使用单水疗库。它支持vanillaJS

Answer 2

似乎我找到的最好的方式就是和broadcastChannel API在一起了。下面是一个响应钩子的实现，它在WebPack模块联邦MFE设置中工作得很好。