keep-alive是vue提供的乙個抽象元件，用來對元件進行快取，從而節省效能，由於是乙個抽象元件，所以在v頁面渲染完畢後不會被渲染成乙個dom元素
例如我們有首頁和城市列表頁面兩個頁面，在沒有加keep-alive之前兩個頁面每次顯示都會傳送ajax請求，這樣的話頁面效能特別不好。
頁面的邏輯應該為：首頁和城市列表頁面在首次開啟時才傳送ajax請求獲得json資料；首頁的城市發生變化時才傳送ajax請求對應的json資料
當元件在keep-alive內被切換時元件的activated、deactivated這兩個生命週期鉤子函式會被執行
首頁元件
// 獲取vuex城市
import from 'vuex'
export default ，
computed: ,
methods: ,
gethomeinfosucc (res)
},｝,
mounted () ，
activated ()
}｝
linux網路程式設計 keepalive
我們說到keepalive的時候，需要先明確一點，這個keepalive說的是tcp的還是http的。一 tcp keepalive tcp的keepalive是側重在保持客戶端和服務端的連線，一方會不定期傳送心跳包給另一方，當一方斷掉的時候，沒有斷掉的定時傳送幾次心跳包，如果間隔傳送幾次，對方都返...
vue效能優化之keep alive
路由被切換的時候會重新傳送ajax請求。mounted鉤子函式會被重新執行 vue自帶標籤 kepp alvie keep alvie 路由內容載入一次後，就把路由內容放在記憶體中 相當於cookie 下次載入的時候就不用傳送ajax請求了 當我們需要重新傳送ajax請求時 當我們使用keep al...
使用keep alive優化網頁效能
該筆記為最近專案中的一點經驗積累 keep alive 主要用於保留元件狀態或避免重新渲染。比如 有乙個列表頁面和乙個 詳情頁面，那麼使用者就會經常執行開啟詳情 返回列表 開啟詳情，這樣的話 列表 和 詳情 都是乙個頻率很高的頁面，那麼就可以對列表元件使用進行快取，這樣使用者每次返回列表的時候，都能...