前言 在Vue構建的單頁面應用（SPA）中，路由模塊一般使用vue-router。vue-router不保存被切換組件的狀態， 它進行push或者replace時，舊組件會被銷毀，而新組件會被新建，走一遍完整的生命周期。 但有時候，我們有一些需求，比如跳轉到詳情頁面時 ...

　　路由元信息？（黑人問號臉？？？）是不是這么官方的解釋很多人都會一臉懵？那么我們說meta，是不是很多人恍然大悟，因為在項目中用到或者看到過呢？ 　　是的，路由元信息就是我們定義路由時配置的met ...

最近做項目的時候,遇到一個問題: 從列表選擇一個跳到詳情頁，第一次是沒有問題的，返回列表再次選擇一個不同的點擊詳情，數據還是第一次的數據 想了下,因為有的界面需要使用keep-alive緩存,所以導致這個問題. 於是上網搜了下,找到一個解決方法,就是在不需要緩存的組件里加上如下代 ...

vue中強大的緩存機制之keep-alive 　　最近在用vue做項目，在切換頁面時發現切換回原來的頁面無法保存原來的狀態。 如A頁面需要ajax請求數據，然后切換到B頁面做某些事情，再切換回A頁面時，A頁面又再請求數據，但是作為前端，性能優化時必須要考慮的，並且，vue構建的單頁面應用，大多數 ...

本篇文章，我們來講一下keep-alive的實現。 更容易看懂 Vue中，有三個內置的抽象組件，分別是keep-alive、transition和transition-group， 它們都有一個共同的特點，就是自身不會渲染一個DOM元素，也不會出現在父組件鏈中。 keep-alive ...

一、緩存淘汰策略： 由於 <keep-alive> 中的緩存優化遵循 LRU 原則，所以首先了解下緩存淘汰策略的相關介紹。 由於緩存空間是有限的，所以不能無限制的進行數據存儲，當存儲容量達到一個閥值時，就會造成內存溢出，因此在進行數據緩存時，就要根據情況對緩存進行優化 ...

緩存淘汰策略 由於 <keep-alive> 中的緩存優化遵循 LRU 原則，所以首先了解下緩存淘汰策略的相關介紹。 由於緩存空間是有限的，所以不能無限制的進行數據存儲，當存儲容量達到一個閥值時，就會造成內存溢出，因此在進行數據緩存時，就要根據情況對緩存進行優化，清除一些 ...

的問題是: 第一次從a頁面進入b, 再有b進入c時, b並沒有被緩存, 因為a進入b的時候b的keepAl ...