vue開發的spa有什麼優缺點

優點：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中文網其他相關文章！