# 前言

single-spa-vue 是一个针对vue项目的初始化、挂载、卸载的库函数，可以实现 single-spa 注册的应用、生命周期函数等功能，详情请查看 single-spa-vue的github。

# 安装

# 使用Vue CLI的项目

vue-cli-plugin-single-spa 将会把所有的事情都做好.

vue add single-spa

这个CLI（控制台命令行接口）插件将会做下面的事情:

• 修改 webpack 配置，从而使你的项目适用于一个 single-spa 项目或是一个子应用。
• 安装 single-spa-vue.
• 修改你的 main.js 或 main.ts 文件，从而使你的项目适用于一个 single-spa 项目或是一个子应用。
• 添加 set-public-path.js ，从而有序地使用 systemjs-webpack-interop 来设置你的应用的 public path。

# 没有使用Vue CLI的项目

npm install --save single-spa-vue

你可以通过选择引入 <script src="https://unpkg.com/single-spa-vue"> 到你的html文件中，就可以得到 singleSpaVue 全局变量

# 用法

如果没有安装过的话，请安装 systemjs-webpack-interop。

npm install systemjs-webpack-interop -S

在和项目目录同级的位置新建 set-public-path.js 文件作为你的 main.js/ts

import { setPublicPath } from 'systemjs-webpack-interop';
setPublicPath('appName');