EMP Bridge Vue2 是一个用于在 React 应用中集成 Vue2 组件的桥接工具,它解决了 React 与 Vue2 之间组件共享和通信的问题。
在开发环境中,您必须在 bootstrap.ts 添加热更新支持:
vue-2-hmr: 预载组件
用于生产者包装 Vue2 组件。
参数:
Component: 要导出的 Vue2 组件options: Vue2 相关配置
Vue: Vue2 实例plugin: (可选) 用于扩展 Vue 功能的插件函数instanceOptions: (可选) 传递给 Vue 实例的选项
store: (可选) Vuex store 实例router: (可选) Vue Router 实例plugin 内容参考
store 内容参考
countStore = ()=>{}是必须,避免后置请求报错
用于消费者加载远程组件。
参数:
component: 组件提供者函数,通常是 createBridgeComponent 的返回值reactOptions: 当前应用的 React 相关配置
React: React 实例ReactDOM: (可选) ReactDOM 实例createRoot: (可选) React 18+ 的 createRoot 方法options: (可选) 额外配置
onError: 错误处理回调函数