无界微前端是一款基于WebComponents+iframe的微前端框架,具备成本低、速度快、原生隔离、功能强等一系列优点。
特性成本低主应用使用成本低子应用适配成本低速度快子应用首屏打开速度快子应用运行速度快原生隔离css样式通过WebComponents可以做到严格的原生隔离js运行在iframe中做到严格的原生隔离功能强大支持子应用保活支持子应用嵌套支持多应用激活支持应用共享支持去中心化通信支持生命周期钩子支持插件系统支持vite框架兼容IE9(需自行babel编译)快速上手直接使用安装npminstallwujie-S使用import{startApp}from"wujie";startApp({name:"唯一id",url:"子应用路径",el:"容器",sync:true});vue框架安装#vue2框架npmiwujie-vue2-S#vue3框架npmiwujie-vue3-S引入//vue2importWujieVuefrom"wujie-vue2";//vue3importWujieVuefrom"wujie-vue3";Vue.use(WujieVue);使用<WujieVuewidth="100%"height="100%"name="xxx":url="xxx":sync="true":fetch="fetch":props="props":beforeLoad="beforeLoad":beforeMount="beforeMount":afterMount="afterMount":beforeUnmount="beforeUnmount":afterUnmount="afterUnmount"></WujieVue>react框架安装npmiwujie-react-S引入importWujieReactfrom"wujie-react";使用<WujieReactwidth="100%"height="100%"name="xxx"url="{xxx}"sync="{true}"fetch="{fetch}"props="{props}"beforeLoad="{beforeLoad}"beforeMount="{beforeMount}"afterMount="{afterMount}"beforeUnmount="{beforeUnmount}"afterUnmount="{afterUnmount}"></WujieReact>
评论