單頁面應(yīng)用的優(yōu)缺點：
優(yōu)點：
1、用戶操作體驗好，用戶不用刷新頁面，整個交互過程都是通過Ajax來操作。
2、適合前后端分離開發(fā)，服務(wù)端提供http接口，前端請求http接口獲取數(shù)據(jù)，使用JS進行客戶端渲染。

缺點：
1、首頁加載慢
單頁面應(yīng)用會將js、 css打包成一個文件，在加載頁面顯示的時候加載打包文件，如果打包文件較大或者網(wǎng)速慢則用戶體驗不好
2、SEO不友好
SEO（Search Engine Optimization）為搜索引擎優(yōu)化。它是一種利用搜索引擎的搜索規(guī)則來提高網(wǎng)站在搜索引擎排名的方法。目前各家搜索引擎對JS支持不好，所以使用單頁面應(yīng)用將大大減少搜索引擎對網(wǎng)站的收錄。

image.png

為什么頁面切換快？

頁面每次切換跳轉(zhuǎn)時，并不需要做html文件的請求，這樣就節(jié)約了很多http發(fā)送時延，我們在切換頁面的時候速度很快。

缺點：首屏時間慢，SEO差

單頁應(yīng)用的首屏時間慢，首屏時需要請求一次html，同時還要發(fā)送一次js請求，兩次請求回來了，首屏才會展示出來。相對于多頁應(yīng)用，首屏時間慢。
SEO效果差，因為搜索引擎只認識html里的內(nèi)容，不認識js的內(nèi)容，而單頁應(yīng)用的內(nèi)容都是靠js渲染生成出來的，搜索引擎不識別這部分內(nèi)容，也就不會給一個好的排名，會導(dǎo)致單頁應(yīng)用做出來的網(wǎng)頁在百度和谷歌上的排名差。

有這些缺點，為什么還要使用Vue呢？

Vue還提供了一些其它的技術(shù)來解決這些缺點，比如說服務(wù)器端渲染技術(shù)(我是SSR)，通過這些技術(shù)可以完美解決這些缺點，解決完這些問題，實際上單頁面應(yīng)用對于前端來說是非常完美的頁面開發(fā)解決方案。