单页应用VS多页应用

一、SPA

只有一张Web页面的应用，单页面跳转仅刷新局部资源 ，公共资源(js、css等)仅需加载一次，常用于PC端官网、购物等网站

二、MPA

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

三、数据传递

单页面应用数据传递：VueX

多页面应用页面间传递数据有三种方法：

（1）从路由里获取，Vue-Router（url）系列

 const { applyNo } = this.$route.query;

（2）location中获取

const url = location.href.split('#')[0];

（3）存储，html系列

localStroage

举例：

home页面是个多页面，home里面又分为单页面，例如#index,order 路由等。