个人见解如下：
单页面应用（SinglePage Web Application ）简称：SPA
多页面应用 （MultiPage Application） 简称：MPA
组成一个外壳和多个页面片段组成多个完整页面，构成资源共用(css，js),只需在外壳部分加载不共用，每个页面都需要加载
区别：
刷新方式
SPA: 页面局部刷新或更改
MPA： 整页刷新
url模式
SPA： a.com/#/pageone a.com/#/pagetwo
MPA: a.com/pageone.html a.com/pagetwo/html
用户体验：
SPA: 页面片段间时间的切换快，用户体验良好
MPA：页面切换加载缓慢，流畅度不够，用户体验比较差
转场动画：
SPA: 容易实现转场动画
MPA：无法实现专场动画
数据传递：
SPA: 容易实现数据传递，方法有很多（通过路由带参数传值，Vuex传值等等）
MPA： 依赖url传参，cookie ， 本地存储等
搜索引擎优化（SEO）
SPA: 需要单独方案，实现较为困难，不利于SEO检索，可利用服务器端渲染（SSR）优化
MPA:实现方法容易
使用范围：
SPA：高要求的体验度、追求界面流畅的应用
MPA：适用于追求高度支持搜索引擎的应用
开发成本：
SPA: 较高，长需要借助专业的框架
MPA:较低，但也页面代码重复的多
维护成本：
SPA：相对容易