路由中:
頁面中:
需要緩存的組件中:
因為是keep-alive 所以在初始化頁面的時候 會走一次生命周期 當二次進入的時候就已經是緩存狀態了 不會在走生命周期
於是它就有了自己的周期函數分別是
1.組件激活時調用--activated 2.組件銷毀時調用--deactivated (這兩個鈎子在服務器渲染期間不會被調用!!!!!!!!!!!)
以上已經完成了需求 緩存數據和位置
以下是keep-alive的屬性一些使用 還可以直接用於組件上
官網中的實例就是用於組件的 具體看例子
貼圖:
總結:三個屬性:
include- 字符串或正則表達式。只有名稱匹配的組件會被緩存。exclude- 字符串或正則表達式。任何名稱匹配的組件都不會被緩存。max- 數字。最多可以緩存多少組件實例。
