如何在react项目中使用vue3？

Question

暂时想到的是使用微前端，还有更好的方法吗

Answer 1

这就看你需要一个什么产物了。

目前技术栈肯定是微前端开发体验最好

https://qiankun.umijs.org/zh/guide
📦 基于 single-spa 封装，提供了更加开箱即用的 API。
📱 技术栈无关，任意技术栈的应用均可 使用/接入，不论是 React/Vue/Angular/JQuery 还是其他等框架。
💪 HTML Entry 接入方式，让你接入微应用像使用 iframe 一样简单。
🛡​ 样式隔离，确保微应用之间样式互相不干扰。
🧳 JS 沙箱，确保微应用之间 全局变量/事件 不冲突。
⚡️ 资源预加载，在浏览器空闲时间预加载未打开的微应用资源，加速微应用打开速度。
🔌 umi 插件，提供了 @umijs/plugin-qiankun 供 umi 应用一键切换成微前端架构系统。

如果只是页面中某一块，你甚至可以直接把资源引入进去就使用。（比如说一些依赖无关的库，swiper、）

早一点还有一些 iframe 的，比如说 easyUI

还是建议技术栈能统一，不然 UI 一致性、交互一致性不好搞。

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 2

这个关键还是要看你的目的和方案匹配度。

之前公司项目，部分模块由外包来编写，避免他们看到我们这部分代码，又因为是一个项目，所以采用了微前端的方式，也是用的qiankun。

如果只是单纯两个项目？两个关联度不高的模块？通过iframe的方式，或者nginx同一域名下划分多个路径来访问不同项目也可以。

---

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。