最近在優(yōu)化項(xiàng)目的時(shí)候,突然看到keep-alive罢艾,就大概了解了下。
我的項(xiàng)目屬于后臺(tái)管理項(xiàng)目尽纽,里面有很多種tab和搜索條件咐蚯,如下圖:
大部分頁(yè)面都是這樣的.png
本來(lái),是自己用localStorage來(lái)存儲(chǔ)搜索條件弄贿、分頁(yè)春锋、tab的,但是這樣的話差凹,頁(yè)面里面就會(huì)有十幾個(gè)localStorage期奔,存儲(chǔ)賦值太繁瑣。發(fā)現(xiàn)使用keep-alive就能解決危尿,但keep-alive也有不足——無(wú)法再關(guān)掉項(xiàng)目后呐萌,再次打開(kāi)的時(shí)候,存儲(chǔ)之前的條件谊娇。但是考慮到實(shí)際使用場(chǎng)景肺孤,還是用keep-alive比較方便。
記錄下使用方法:
-
router.js中設(shè)置
router配置.png -
App.vue入口文件設(shè)置
入口頁(yè)面設(shè)置.png