vue单页应用和和多页应用的区别

个人见解如下：

单页面应用（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：相对容易

MPA: 相对复杂