優(yōu)點：1、良好的交互體驗；2、前后端分離，減少開發(fā)效率；3、架構(gòu)清晰；4、減輕服務器的壓力。缺點：1、對SEO并不友好；2、可能出現(xiàn)首屏加載時間過長的問題；3、頁面復雜度提高，復雜邏輯程度成倍。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

什么是SPA?

單頁 Web 應用 (single-page application 簡稱為 SPA) 是一種特殊的 Web 應用。它將所有的活動局限于一個Web頁面中，僅在該Web頁面初始化時加載相應的HTML、JavaScript 和 CSS。一旦頁面加載完成了， SPA不會因為用戶的操作而進行頁面的重新加載或跳轉(zhuǎn)。取而代之的是利用 JavaScript 動態(tài)的變換HTML的內(nèi)容，從而實現(xiàn)UI與用戶的交互。由于避免了頁面的重新加載，SPA 可以提供較為流暢的用戶體驗。

SPA的優(yōu)點是什么？

1、良好的交互體驗

因為是局部渲染，每個部分是單獨的模塊。避免了不必要的跳轉(zhuǎn)和重復渲染

2、前后端分離 減少開發(fā)效率。

3、架構(gòu)清晰。

4、減輕服務器的壓力。

服務器只需要提供數(shù)據(jù)，不需要管前端展示邏輯和頁面合成，提高了性能。

5、共用一套后端程序代碼。

SPA的缺點是什么？

1、對SEO并不友好

2、可能出現(xiàn)首屏加載時間過長的問題。

（為實現(xiàn)單頁面。需要在加載頁面使將js css統(tǒng)一加載，部分頁面按需加載）

因首屏加載時間過長導致白屏，如何解決？可以利用骨架屏效

3、頁面復雜度提高。

復雜邏輯程度成倍。

【