Vue 微前端父子实时通信解决方案

介绍

我们知道微前端父子通信方式有很多, 例如 location、Cookie、LocalStorage、window, 但是他们都有一个通病, 即无法实时监测变化, 例如换肤或者多语言切换, 想要应用到子项目, 必须进行页面的刷新, 然后才能通知到, 而尽量少的改动原项目的原则, 很多Vue项目都是基于vuex进行全局数据的共享, 所以才诞生了vuex-micro-frontends.

特点

• 父子传递、实时变化
• 仅 1kb

安装

yarn add vuex-micro-frontends # npm install vuex-micro-frontends

使用

// master 主应用, 负责发送数据
import vuexMicroFrontends from "vuex-micro-frontends";