微前端框架qiankun项目实战（二）--踩坑与部署篇 大家好，我是小黑。 在上一篇《微前端框架qiankun项目实战（一）--本地开发篇》发布后，感谢有网友提出了微应用的缓存问题，的确基于第一篇使用

Vue3.0 + qiankun.js 实现多tab标签页路由切换,原理是通过监听主应用的vue-router的 router.beforeEach 方法来动态加载(loadMicroApp)微应用

qiankun +vue2 + vue-router + hash路由；包括路由匹配和重定向流程的介绍

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 前言 大家好，我是小麦，今天我们来聊聊微前端，不知道大家有没有遇到过这样的项目，一直在更新迭代，代码越来越多，越来越不好管控，当听到要改这个项目的

2022年还没试过微前端？没事，vue3 + qiankun的最佳实践，只需要了解几个api而已，看完这篇入门足够了！

技术栈：vue3、typescript、qiankun(阿里的微前端框架)、vue-cli4 最近正在设计微前端项目，发现qiankun的官方文档只有vue2.x的写法，没有vue3.x的

本文介绍了用qiankun微前端框架用来集成vue应用的基本方案以及集成过程中遇到的一些常见问题。✨

因为主项目和子项目都是用的 vue 开发，所以使用 vue-cli4 创建项目，创建 2 个项目，一个主项目，一个子项目。 下面正常开始编写项目，我之前也在网上看了好多 demo 和实际项目，大家主项目都是直接把乾坤的代码放在 main 里面。然后在 app.vue 中用 v-…

花了一周多时间，终于把小掘金肝出来了。 起初只是想用qiankun+vue的架构以掘金为例子搭个简单的demo，却没想到疯狂掉入切图细节（强迫症确诊无误）。 事实上也因此更深入地体会到了微前端架构的一些利弊以及开发体验，所以也还不错吧。 希望这篇分享能够给想要尝试微前端架构却还…