優點：1、良好的互動體驗；2、前後端分離，減少開發效率；3、架構清晰；4、減輕伺服器的壓力。缺點：1.對SEO並不友善；2、可能出現首屏載入時間過長的問題；3、頁面複雜度提高，複雜邏輯程度倍增。
本教學操作環境：windows7系統、vue2.9.6版，DELL G3電腦。
什麼是SPA?
單頁 Web 應用程式 (single-page application 簡稱 SPA) 是一種特殊的 Web 應用。它將所有的活動局限於一個Web頁面中，僅在該Web頁面初始化時載入對應的HTML、JavaScript 和 CSS。一旦頁面載入完成了， SPA不會因為使用者的操作而進行頁面的重新載入或跳轉。取而代之的是利用 JavaScript 動態的變換HTML的內容，從而實現UI與使用者的互動。由於避免了頁面的重新加載，SPA 可以提供較為流暢的使用者體驗。
SPA的優點是什麼？
1、良好的互動體驗
因為是局部渲染，每個部分是單獨的模組。避免了不必要的跳躍與重複渲染
2、前後端分離 減少開發效率。
3、架構清晰。
4、減輕伺服器的壓力。
伺服器只需要提供數據，不需要管前端展示邏輯和頁面合成，提高了效能。
5、共用一套後端程式碼。
SPA的缺點是什麼？
1、對SEO並不友善
#2、可能出現首屏加載時間過長的問題。
（為實現單頁面。需要在加載頁面使將js css統一加載，部分頁面按需加載）
因首屏加載時間過長導致白屏，如何解決？可以利用骨架屏效
3、頁面複雜度提升。
複雜邏輯程度倍增。
【相關推薦：《vue.js教學》】
以上是vue開發的spa有什麼優缺點的詳細內容。更多資訊請關注PHP中文網其他相關文章！
