又名：手把手教你建一个MPA项目（不踩坑版） 传统spa项目一般就是入口文件main.js+app.vue，MPA就是在入口文件上做变更，给每一个页面一个单独的入口文件，然后通过a标签在打开一个页面时新建一个页面而不是更改当前页的路由
本教程基于vue-cli2
第一步修改vue.config.js
根据我自己的项目，有三个页面(index,purchase,supplier)需要注意这里的名字就是你用a标签时href的地址
通过这张图可以很直观的看出每一个页面都有一个entry(入口文件），template（模板文件），多页面简单来说就是每个界面都有一个html和main.js。
在src下面建每个页面对应的目录
目录结构如下：
需要注意的有xx.html,xx.main.js这两个文件
我们分别看看都写了什么
在main.js这个界面我们还是按照spa的格式去写（每一个页面对应的目录下都是如此）
这是html界面的内容，圈起来的地方改成自己想要的id即可
注意要和下图home.vue的名称对应起来，因为渲染后会替换内容
到这里一个mpa项目就落成了
