單頁應用的優點：

>快速。不需要發送請求、重新加載html/js/css。只有頁面的數據需要重新拉取。另外，vue支持替換組件時保存舊組件的狀態。

>更好的使用體驗。用戶不需要等待加載時空白的網頁。可以添加過渡效果。例如，有的單頁網站在切換頁面時會有炫酷的進度條。

缺點：

>不利于搜索引擎排名(因為沒有真正發請求)。

>沒有瀏覽歷史記錄。但可通過js模擬。

>服務器在傳任何數據前需要檢查用戶權限(cookie)。

https://rubygarage.org/blog/single-page-app-vs-multi-page-app

單頁應用的通用模式：

每個頁面都是一個組件。登陸、注冊是彈出的小窗體而不是單獨的網頁。

網頁主體是一個固定的組件。通過動態替換這個組件達到跳轉頁面的效果。

網頁主體組件上方是頁眉導航組件。

>動態替換組件：https://vuejs.org/v2/guide/components-dynamic-async.html

為了模擬加載新頁面的歷史記錄效果，需要將舊的url推入歷史記錄并修改url，并且用戶返回舊的歷史記錄時不應重新加載舊的組件。

可以通過監聽url將跳轉新頁面的行為改成替換組件。

https://stackoverflow.com/questions/46402809/vuejs-event-on-route-change

通過監聽返回/前進鍵，恢復url。

https://stackoverflow.com/questions/47974777/can-i-handle-back-button-within-methods-in-vuejs-2

總結

以上是生活随笔為你收集整理的mysql的单页应用框架搭建_单页应用（SPA）的特征的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。