通俗一點說就是指只有乙個主頁面的應用，瀏覽器一開始要載入所有必須的 html, js,css。所有的頁面內容都包含在這個所謂的主頁面中。但在寫的時候，還是會分開寫（頁面片段），然後在互動的時候由路由程式動態載入，單頁面的頁面跳轉，僅重新整理區域性資源。多應用於pc端。
多頁面（mpa），就是指乙個應用中有多個頁面，頁面跳轉時是整頁重新整理
單頁面的優點：
2，前後端分離
3，頁面效果會比較炫酷（比如切換頁面內容時的專場動畫）
單頁面缺點：
1，不利於seo單頁面與多頁面的區別：2，導航不可用，如果一定要導航需要自行實現前進、後退。（由於是單頁面不能用瀏覽器的前進後退 功能，所以需要自己建立堆疊管理）
3，初次載入時耗時多
路由模式 單頁應用： 可以使用 hash ，也可以使用 history資料傳遞：單頁應用 因為單頁面，使用全域性變數就好（vuex）
資料傳遞：多頁應用 cookie 、localstorage 等快取方案，url 引數，呼叫介面儲存等
單頁面應用 與 多頁面應用
單頁面應用結構檢視如下 多頁面應用結構檢視如下 具體對比分析 單頁面應用 多頁面應用 組成乙個外殼頁面和多個頁面片段組成 多個完整頁面構成 資源 css,js 共用，只需在外殼部分載入 不共用，每個頁面都需要載入 重新整理方式 頁面區域性重新整理或更改 整頁重新整理 url格式 使用者體驗 頁面片段...
多頁面應用和單頁面應用
每次頁面跳轉，後端都會返回乙個新的html檔案。優點 首屏時間快，seo效果好 缺點 頁面切換慢 後端路由切換頁面 每次跳轉頁面都要發乙個http請求。只在首次載入時請求乙個html檔案，頁面切換的路由由前端完成，使用js動態地刪除和渲染頁面。優點 頁面切換快 由前端路由切換頁面 缺點 首屏時間稍慢...
多頁面應用 VS 單頁面應用
每一次頁面跳轉，後端都會返回乙個新的html檔案，優點 首屏時間快 只經歷了乙個http請求 seo效果好 缺點 頁面切換慢 進行頁面之間跳轉時，並不去載入html檔案，而是通過js動態地把當前的內容刪除掉，再去把新的頁面結構上的dom元素渲染出來。當頁面做跳轉時，不需要做html檔案的請求，節約了...