該筆記為最近專案中的一點經驗積累keep-alive：主要用於保留元件狀態或避免重新渲染。
比如： 有乙個列表頁面和乙個 詳情頁面，那麼使用者就會經常執行開啟詳情=>返回列表=>
開啟詳情，這樣的話 列表 和 詳情 都是乙個頻率很高的頁面，那麼就可以對列表元件使用進行快取，這樣使用者每次返回列表的時候，都能從快取中快速渲染，而不是重新渲染。
當元件在內被切換，在 2.2.0 及其更高版本中，activated 和 deactivated生命週期 將會在 樹內的所有巢狀元件中觸發。
在home.vue和city.vue中的都傳送了ajax請求，所以每次頁面重新整理渲染的時候都會去傳送ajax請求，這樣無疑增加了網路負擔。
因此，通過vue提供的keep-alive來將其保留在記憶體中來得以實現。
部分**：
>
>
<
/keep-alive>
<
/div>
<
/template>
export
default
<
/script>
vue使用keep alive優化網頁效能
keep alive div template 加上keep alive標籤，意思是 路由中的內容被載入過一次後，就將路由中的內容放到記憶體之中，下一次就不需要重新渲染這個元件。但首頁根據選擇的城市顯示資料，所以在傳送請求是改為 computed methods 想要首頁內容跟著改變，可以使用act...
vue效能優化之keep alive
路由被切換的時候會重新傳送ajax請求。mounted鉤子函式會被重新執行 vue自帶標籤 kepp alvie keep alvie 路由內容載入一次後，就把路由內容放在記憶體中 相當於cookie 下次載入的時候就不用傳送ajax請求了 當我們需要重新傳送ajax請求時 當我們使用keep al...
用keep alive做網路優化
keep alive是vue提供的乙個抽象元件，用來對元件進行快取，從而節省效能，由於是乙個抽象元件，所以在v頁面渲染完畢後不會被渲染成乙個dom元素 例如我們有首頁和城市列表頁面兩個頁面，在沒有加keep alive之前兩個頁面每次顯示都會傳送ajax請求，這樣的話頁面效能特別不好。頁面的邏輯應該...