vue实现多页应用配置

1. 在文件夹public下面新建一个xxx.html页面，并在页面的div中添加id

   例如：<div id="app"></div>

2. 新建一个与main.js同级的xxx.js文件，并在里面引入vue模块，引入xxx.html中的id命名

   例如：import Vue from "vue";

   new Vue({

   el:'#root',

   render(ce) {

   return ce('h1', ['我是index页面应用'])

   }

   })

3. 新建一个vue.config.js的文件，（有就直接使用）

   在pages对象中进行配置

   例如：

   // 配置多页应用

   module.exports={

   // 配置多页应用

   pages:{

   index:{//指定名字

   entry:'./src/index.js',//指定index页面应用的js实例

   template:'./public/index.html'

   },

   home:{

   entry:'./src/main.js',

   template:'./public/Home.html'

   }

   }

   }

   注意：配置完成后需要重新启动命令才可以！！！根据地址在浏览器窗口进行切换