# qiankun-vue2.0

**Repository Path**: weblc/qiankun-vue2.0

## Basic Information

- **Project Name**: qiankun-vue2.0
- **Description**: 基于qiankun+vue2.0技术栈实现的前端微应用架构。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 84
- **Created**: 2021-05-10
- **Last Updated**: 2021-08-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# qiankun-vue2.0

## 介绍

基于 qiankun+vue2.0 技术栈实现的前端微应用架构，实现了动态路由（所有路由均使用 history 模式）、主子应用以及子子应用之间的通信，并做了简单的自动化脚本命令，可用一行命令所有子应用的依赖安装、启动以及打包部署。

开源该 demo 的目的，只是想为大家在使用 qiankun 时提供一种思路。



## 关于项目依赖包 qiankun-vue2-common

**包内容简介：** 所有子应用都需要对主应用下发的数据进行接收及处理、如果数据修改则通知到其他应用以及对主应用下发的路由数据进行处理，因为这些逻辑完全一样，因此将这些实现逻辑提取为一个 npm 包统一管理。

**npm 地址：**[qiankun-vue2-common - npm (npmjs.com)](https://www.npmjs.com/package/qiankun-vue2-common)

**gitee 源码地址：**[qiankun-vue2-common](https://gitee.com/lizhijie429/qiankun-vue2-common)

**实现的功能：** 在 vuex 中动态添加了 global 模块及 routes 模块；

1. global 模块：封装了全局下发的数据，以及数据修改通知到其他应用；
2. routes 模块：路由数据的封装以及组件的导入。



## 项目运行

1. 项目克隆

   ```bash
   git clone https://gitee.com/lizhijie429/qiankun-vue2.0.git
   ```

2. 依赖安装

   ```bash
   cd qiankun-vue2.0
   npm install
   ```

3. 项目启动

   ```bash
   cd qiankun-vue2.0
   npm run start
   ```

4. 升级依赖 qiankun-vue2-common

   ```bash
   cd qiankun-vue2.0
   npm run update
   ```

5. 打包编译

   ```bash
   cd qiankun-vue2.0
   npm run lint // 修复esLint警告
   npm run build
   ```



## 问答

有关问题和支持，请使用[issues](https://gitee.com/lizhijie429/qiankun-vue2.0/issues)或加微信 lizhijie429



## 支持

如果觉得 qiankun-vue2.0 这个demo为你提供了不错的思路，或者已经在使用了，希望你可以帮我点个 ⭐ ，这将对我是极大的鼓励。