一、简介

单页面应用：SinglePage Web Application，简称 SPA
多页面应用：MultiPage Application，简称 MPA

二、定义区分

（1）单页面应用
只有一个WEB主页面的应用，公共资源(js、css等)仅需加载一次，所有的内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅刷新局部资源。常用于PC端官网、购物等网站。

（2）多页面应用
有多个独立的页面的应用，每个公共资源(js、css等)需选择性重新加载，多页面跳转刷新所有资源。常用于 app 或客户端等。

三、图说区别

（1）单页应用模型示意图：

image.png

（2）多页应用模型示意图：

image.png

四、表格对比

image.png

vue-router考察问题
单页应用和多页应用的区别多页应用MPA单页应用SPA应用组成由多个完成页面构成一个外部显示的页面 + 多个局部页...
骨架屏技术
前言前端框架主流的都是 SPA（单页应用），MPA（多页应用）；这就意味着，页面渲染以及等待的白屏时间，成为我们...
【前端】单页应用(SPA)和多页应用(MPA)的区别
一、简介单页面应用：SinglePage Web Application，简称 SPA多页面应用：MultiPa...
单页应用（SPA）和多页应用（MPA）的区别
一、简介单页面应用：SinglePage Web Application，简称 SPA多页面应用：MultiPa...
MPA（多页应用）、SPA（单页应用）
一、MPA、SPA两者定义 MPA MPA(mutiple-page application)，翻译过来就是多页面...
2--Vue-Router
1. 单页应用模式SPA和多页应用模式MPA 2. 简单介绍（目录文件的基本使用） a. App.vue 模板结...
webpack学习六（多页面通用打包方案）
MPA 多页应用，我们之前的学习都是针对SPA单页应用修改/src/index.js为在src目录下新增lis...
hash 和history 的原理和区别
目前单页应用（SPA）越来越成为前端主流，单页应用一大特点就是使用前端路由，由前端来直接控制路由跳转逻辑，而不再由...
MPA vs SPA
MPA(Multiple Page App): 多页面应用SPA(Single Page App): 单页面应用 ...
vue-router 原理
1、前端路由在 Web 前端单页应用 SPA(Single Page Application)中，路由描述的是 ...