当前位置: 首页 > news >正文

qiankun微前端主应用给子应用传组件

主应用给子应用传值是在注册的时候通过 props 进行传递

例如以下是我注册时候主应用的代码:


import { registerMicroApps, start  } from 'qiankun';
import test from './components/test.vue'

// 注册
registerMicroApps([
  {
    name: 'vueApp',
    entry: '//localhost:7500',
    container: '#container',
    activeRule: '/vue2',
    props: {
      test: test,
    },
  },
]);

// 开启
start();
我想把 test 组件传递给子应用使用,这里写的是可以的,但是需要注意:

主应用和子应用尽量使用相同的框架,不然可能会有兼容问题,我之前就是主应用使用的是vue3,但是子应用使用的是 vue2,结果在子应用中使用就出现了问题

不过其实也还有另外一种方案

 另一种方案:共享 npm 包

如果公用组件较为复杂且多个子应用都需要使用,可以考虑将其独立为一个 npm 包。这样,主应用和子应用都可以单独安装该包,而无需通过 props 传递。

http://www.dtcms.com/a/90974.html

相关文章:

  • C++17和C++20引入的新特性
  • 【CC2530 教程 一】lAR Embedded Workbench创建CC2530基础工程
  • 数据结构--二叉排序树
  • 【Spring篇】Spring的生命周期
  • C语言枚举类型详解
  • [特殊字符] 2025蓝桥杯备赛Day11——P11041 [蓝桥杯 2024 省 Java B] 报数游戏
  • Java 列表复制与对象引用
  • Python学习第二十五天
  • 10 个pygame经典小游戏
  • 装饰器模式 (Decorator Pattern)
  • SpringCloud消息总线:Bus事件广播与配置动态刷新
  • 基于硅基流动平台API构建定制化AI服务的实践指南
  • 大数据学习(88)-zookeeper实现的高可用(HA)
  • 【JSqlParser】Java使用JSqlParser解析SQL语句总结
  • 垃圾回收学习
  • “thrust“ has no member “device“
  • 视觉Transformer架构的前沿优化技术与高效部署
  • Linux 驱动总线中的 ACPI 设备匹配机制是怎么回事儿?【最大特点是设备的自动发现和热插拔性能良好】
  • vue 组件开发
  • C++运动控制卡开发实践指南
  • 【pm2运行ts的终极解决方案】使用pm2+ tsx 运行 TypeScript 文件指南
  • 3.25-3 request断言
  • 代码随想录算法训练营第二十天 | 字符串 | 反转字符串、替换空格、翻转字符串里的单词(很多基础方法)和左旋转字符串
  • Windows下docker使用教程
  • 【C++特殊类的设计】
  • 和鲸科技执行总裁殷自强受邀主讲华中附属同济医院大模型应用通识首期课程
  • 美摄科技开启智能汽车车内互动及娱乐解决方案2.0
  • 音乐webpack(通杀webpack-1)
  • 解决在客户端本地无法访问服务器http方式访问麦克风与摄像头的问题
  • Linux如何判断磁盘是否已分区?