Vue項目中keepAlive的用法進行頁面的緩存

一、在route文件中設置需要緩存組件的路由元(meta)加入KeepAlvie:true這樣的鍵值對,如圖二、在app.js文件中,加入keep-alive的組件,進行如下設置這樣子就可以進行頁面的緩存了 再次(非首次)緩存的頁面,會觸發的生命週期函數是activated()和deactivated(),如果需要,可以在這兩個函數中進行方法執行。
相關文章
相關標籤/搜索