如何使用vue-cli 3.0搭建多页面应用

一.初始化项目

使用vue-cli 3.0创建一个项目，项目默认是单页面应用，目录如下：

|—node_modules

|—public                //模板文件

    |—favicon.ico

    |—index.html    

|—src

     |—assets            //图片，样式等共用文件

     |—components   //共用组件

     |—App.vue          //首页文件

     |—main.js

|—babel.config.js

|—package.json

|—README.md

|—yarn.lock

二.修改目录成多页面应用

1.（必选）在src文件下新增文件夹，每个文件夹代表一个独立的页面，文件夹里都含有App.vue,main.js,router.js文件

2.（必选）在src文件下新增配置文件vue.config.js

3.（可选）在src文件下新增文件store.js，可存储数据，被每个独立页面都可取到

4.（可选）删除原先src文件下的App.vue，main.js文件

最终文件目录如下：

|—node_modules

|—public      &n