一、vue-cli2/3/4对比
👍 传送门
二、基于vue-cli2搭建单页/多页应用
认识：
- 多页应用是指打包输出多个文件，可通过任一打包后的文件访问资源，也可以理解为打包输出多个HTML文档，这样页面跳转会请求新的不同的HTML文档同时资源也会被重新下载；重点为“多个输出结果”，这取决于“多个入口配置”；这样提供给了我们机会去做很多事。
- 项目中的
.html文件为前端输出模板，一个项目可以均复用一个模板也可多个模板，但模板的数量与是否为多页应用并直接无关系。
单页面结构：
vue-cli2默认为单页面目录结构和配置👇
webpack.base.conf.js文件中👇
可以补充新建pages单页目录👇
其中，App.vue中多为根节点，路由或者导航标签；
main.js中多实例化Vue对象对节点进行绑定并注入功能；
实践改造多页：
- 补充
pages下二级目录 - 将最外层
index.html和main.js迁移至二级目录并改同名 - 将最外层
router,assets文件夹和App.vue迁移至二级目录下保持不变
目录改造如图：
相关配置文件改造如图：
最终路由展示（hash模式）：
**👍 改造细节参考👉 传送门 **(实践发现原博devServer.publicPath设置有误，开发环境无需改为./)
总结：
该案例多页中的各单页分别使用单独的html模板和实例化单独的Vue实例；也可以共用一份html模板，基于vue实例扩充单独的vue实例对象；并且也可以使用history模式
三、基于vue3和vuecli4搭建脚手架多页模板
vue3特点
- 创建vue实例不再通过
new Vue，而是通过createApp函数方法，vue3很大的一个特点就是将对象式编程改为使用函数式编程
四、基于vue搭建微应用
认识：
- 在一个项目中可以通过不同端口访问多个文件目录而不互相占用
