（五）微前端之框架

1. 官方学习文档

乾坤是在 single-spa 的基础上进行的封装 上手简单 官网：介绍 - qiankun

代码实战：快速上手 - qiankun

2. 项目实战

基座项目（主应用）：Vue

微应用（子应用）：2个 -- Vue 、原生 html 页面

由于 qiankun 是通过 fetch 去获取微应用的引入的静态资源的，所以必须要求这些静态资源支持跨域

主应用：

import Vue from 'vue'
import App from './App.vue'
import router from './router.js'
// 在主应用中注册微应用
import { registerMicroApps, start } from 'qiankun'

Vue.config.productionTip = false

// 当微应用信息注册完之后，一旦浏览器的 url 发生变化 (微应用与路由相关)
// 便会自动触发 qiankun 的匹配逻辑
// 所有 activeRule