qiankun–微前端可用小demo(主应用vue+子应用vue+子应用react)

qiankun–微前端可用小demo(主应用vue+子应用vue+子应用react)
说明:
在主应用的about页面加载子应用
成果:
加载子应用1,点击第一个按钮
子应用2,点击第二个按钮

注意:如果已经渲染一个子应用,切换另一个子应用的时候先返回about页面(自动清理上一个子应用),再点击切换按钮
代码
主应用(vue实现)
1、初始化
使用vue-cli新建vue2项目(带router)
vue create base

安装qiankun
$ yarn add qiankun # 或者 npm i qiankun -S

2、修改main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'

//引入qiankun--备份
import {regist

qiankun–微前端可用小demo(主应用vue+子应用vue+子应用react)最先出现在Python成神之路

版权声明:
作者:主机优惠
链接:https://www.techfm.club/p/14261.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>