vue中的keep-alive

最近在優(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
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末济欢,一起剝皮案震驚了整個(gè)濱河市赠堵,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌法褥,老刑警劉巖茫叭,帶你破解...
    沈念sama閱讀 217,734評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異半等,居然都是意外死亡揍愁,警方通過(guò)查閱死者的電腦和手機(jī)呐萨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)吗垮,“玉大人垛吗,你說(shuō)我怎么就攤上這事∷傅牵” “怎么了怯屉?”我有些...
    開(kāi)封第一講書人閱讀 164,133評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)饵沧。 經(jīng)常有香客問(wèn)我锨络,道長(zhǎng),這世上最難降的妖魔是什么狼牺? 我笑而不...
    開(kāi)封第一講書人閱讀 58,532評(píng)論 1 293
  • 正文 為了忘掉前任羡儿,我火速辦了婚禮,結(jié)果婚禮上是钥,老公的妹妹穿的比我還像新娘掠归。我一直安慰自己,他們只是感情好悄泥,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,585評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布虏冻。 她就那樣靜靜地躺著,像睡著了一般弹囚。 火紅的嫁衣襯著肌膚如雪厨相。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 51,462評(píng)論 1 302
  • 那天鸥鹉,我揣著相機(jī)與錄音蛮穿,去河邊找鬼。 笑死毁渗,一個(gè)胖子當(dāng)著我的面吹牛践磅,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播灸异,決...
    沈念sama閱讀 40,262評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼音诈,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了绎狭?” 一聲冷哼從身側(cè)響起细溅,我...
    開(kāi)封第一講書人閱讀 39,153評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎儡嘶,沒(méi)想到半個(gè)月后喇聊,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,587評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蹦狂,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,792評(píng)論 3 336
  • 正文 我和宋清朗相戀三年誓篱,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了朋贬。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,919評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡窜骄,死狀恐怖锦募,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情邻遏,我是刑警寧澤糠亩,帶...
    沈念sama閱讀 35,635評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站准验,受9級(jí)特大地震影響赎线,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜糊饱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,237評(píng)論 3 329
  • 文/蒙蒙 一垂寥、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧另锋,春花似錦滞项、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,855評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至台舱,卻和暖如春律杠,著一層夾襖步出監(jiān)牢的瞬間潭流,已是汗流浹背竞惋。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,983評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留灰嫉,地道東北人拆宛。 一個(gè)月前我還...
    沈念sama閱讀 48,048評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像讼撒,于是被迫代替她去往敵國(guó)和親浑厚。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,864評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 1. 概念 keep-alive是vue內(nèi)置的一個(gè)組件根盒,可以使被包含的組件保留狀態(tài)钳幅,或避免重新渲染。它自身并不會(huì)渲...
    意切閱讀 879評(píng)論 0 0
  • keep-alive是什么 keep-alive是一個(gè)抽象組件:它自身不會(huì)渲染一個(gè)DOM元素炎滞,也不會(huì)出現(xiàn)在父組件鏈...
    杭州程序員小陳閱讀 516評(píng)論 0 1
  • 在平常開(kāi)發(fā)中敢艰,有些組件只需要加載一次,后面的數(shù)據(jù)將不存在變化册赛,亦或者是組件需要緩存狀態(tài)钠导,滾動(dòng)條位置等震嫉,這個(gè)時(shí)候,k...
    輝夜真是太可愛(ài)啦閱讀 2,369評(píng)論 0 3
  • keep-alive 參考文章: https://www.cnblogs.com/goloving/p/92562...
    好名字都讓你們用了閱讀 179評(píng)論 0 0
  • 當(dāng)使用動(dòng)態(tài)組件時(shí)牡属,當(dāng)您切換 :is 指令[https://vuejs.org/v2/guide/component...
    lio_zero閱讀 418評(píng)論 0 7