微前端-qiankun使用

qinkun官方文档：https://qiankun.umijs.org/zh/guide
首先我么可以通过vue创建2个项目：
例如创建一个项目名为：qiankun-base；另一个名为：qiankun-vue
(如何创建项目可百度搜)
创建成功后，在qiankun-base项目中，我们使用element，首先安装npm i element-ui -S。
其次在main.js引用：

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'


Vue.use(ElementUI)

1、打开项目在app.vue中引入子应用，element已安装可以直接用标签

<template>
<!-- 配置 -->
  <div>
    <el-menu :router="true" mode="horizontal">
      <!-- 主-放自己的路由 -->
      <el-menu-item index="/">Home</el-menu-item> 
      <!-- 引用其他子应用 -->
      <el-menu-item index="/vue">vue应用</el-menu-item> |
    </el-menu>
    <!-- 模板   /vue挂载id=vue上 -->
    <router-view/>
    <div id="vue"></div>
  </div>
<