如何在react项目中使用vue3?

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


回答:

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

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

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 思否面试闯关挑战赛,欢迎正在阅读的你也加入。


回答:

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

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

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


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

以上是 如何在react项目中使用vue3? 的全部内容, 来源链接: utcz.com/p/933938.html

回到顶部