我正在开发一个POC，以制作一个可以动态加载另一个VueJS子应用程序的VueJS门户应用程序。
我无法使用Webpack模块联合会，因为我需要发现我可以"使用"哪个应用程序；"拉"；在运行时而不是在构建时。
所以我决定在SystemJS中使用importmap。
我使用简单的子应用程序，但当我使用Vuetify时，我遇到了很多错误，比如：
[Vue warn]：$listeners是只读的
[Vue warn]：$attrs是只读的。
并且一些Vuetify组件根本不起作用。
这似乎是由重复的VueJS导入引起的(一个是webpack，另一个是systemjs(，但我不确定(我可以访问相同的this.$store so…(
无论如何，这是我的回购：https://github.com/Saveriu/vue-microfrontends
我试了很多例子，但没有找到一个符合我所有要求的好例子。如果有人能研究它并找到解决它的方法，这将是一个很好的例子，可以分享关于VueJS Microfronds！
将您的子应用程序制作为WebComponents-以下是一些有助于您的信息：
- https://github.com/kartsims/vue-customelement-bundler/tree/rollup
- https://itnext.io/vuidget-how-to-create-an-embeddable-vue-js-widget-with-vue-custom-element-674bdcb96b97
- https://github.com/karol-f/vue-custom-element
- https://filosophy.org/code/bundling-vue-css-and-js-into-a-single-output-file/
当然，您将无法在子应用程序之间或主应用程序和子应用程序间共享Vuex内容-您需要找到一种更复杂的"；共享的"；状态