微前端架构 - single-spa

父应用 加载 子应用

bootrap  mount unmount

框架一:

single-spa /single-spa-vue

下载 

npm i single-spa-vue 

main.js中引入

import singleSpaVue  from 'single-spa-vue '

缺点:不够灵活 不能动态加载JS 样式不隔离 没有js沙箱机制

父应用

微前端架构 - single-spa_第1张图片

 

子应用

微前端架构 - single-spa_第2张图片

 微前端架构 - single-spa_第3张图片

 

解决样式隔离问题

shadow dom 影子元素 外界访问不到 隔离样式

微前端架构 - single-spa_第4张图片

 

 

你可能感兴趣的:(前端,vue.js,javascript)