2.0.3 • Published 9 months ago
@musiteam/tao v2.0.3
TAO(道) —— 微前端解决方案
道生一,一生二,二生三,三生万物。老子认为道衍生了万物,所以道不仅有太虚(taixu,微前端框架)还有宇宙(universe,适配qiankun的iframe微前端方案)。
使用方法
- 主应用
npm i tao --save
import tao from 'tao'; // 引入tao
// 加载子应用
tao.loadMicroApp(
{
name: 'app', // 微应用的名称
entry: 'http://localhost:3334/index.html', // 微应用的URL
container: '#app', // 承载微应用的容器
render: 'universe', // 渲染方式: qiankun or universe
props: {data: 'props data'}, // 加载微应用时向微应用中注入的参数
targetOrigin: 'http://localhost:3334', // universe渲染引擎独有,发送消息的目标来源
origin: 'http://localhost:3334', // universe渲染引擎独有,监听消息的消息来源
// subAppOrigin: 'http://localhost:3333',
onMessage(data) { // 监听子应用的消息,用于父子应用通信
console.log('receive app data:', data)
}
}
);
tao.sendMessage({data: '父传子'}); // 向子应用发送数据