av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

vue keep-alive的簡單總結

瀏覽:35日期:2022-10-09 11:37:44
一、作用

主要用于保留組件狀態或避免重新渲染。

二、用法

<keep-alive> 包裹動態組件時,會緩存不活動的組件實例,而不是銷毀它們。

<keep-alive> 是一個抽象組件:它自身不會渲染一個 DOM 元素,也不會出現在組件的父組件鏈中。

當組件在 <keep-alive> 內被切換,它的 activated 和 deactivated 這兩個生命周期鉤子函數將會被對應執行。

三、Propsinclude

include - 字符串或正則表達式。只有名稱匹配的組件會被緩存。

exclude

exclude - 字符串或正則表達式。任何名稱匹配的組件都不會被緩存。

include 和 exclude prop 允許組件有條件地緩存。二者都可以用逗號分隔字符串、正則表達式或一個數組來表示:

<!-- 逗號分隔字符串 --><keep-alive include='a,b'> <component :is='view'></component></keep-alive><!-- 正則表達式 (使用 `v-bind`) --><keep-alive :include='/a|b/'> <component :is='view'></component></keep-alive><!-- 數組 (使用 `v-bind`) --><keep-alive :include='[’a’, ’b’]'> <component :is='view'></component></keep-alive>

匹配首先檢查組件自身的 name 選項,如果 name 選項不可用,則匹配它的局部注冊名稱 (父組件 components 選項的鍵值)。匿名組件不能被匹配。

max

max - 數字。最多可以緩存多少組件實例。

一旦這個數字達到了,在新實例被創建之前,已緩存組件中最久沒有被訪問的實例會被銷毀掉。

<keep-alive :max='10'> <component :is='view'></component></keep-alive>

以上就是淺析vue中的keep-alive的詳細內容,更多關于vue中的keep-alive的資料請關注好吧啦網其它相關文章!

標簽: Vue
相關文章:
主站蜘蛛池模板: 欧美国产视频 | 国产精品久久久久久久久久免费 | 中文精品一区二区 | 一本大道久久a久久精二百 欧洲一区二区三区 | 欧美日韩亚洲一区 | www.99re5.com| 波多野结衣先锋影音 | 日韩一区二区在线播放 | 成人精品高清 | 午夜电影福利 | 久综合| 欧美性猛交一区二区三区精品 | 欧美精品在欧美一区二区少妇 | 久久亚洲国产精品 | 日韩毛片网 | 99久久婷婷国产综合精品电影 | 久久久www | 一级做a爰片性色毛片16 | 一区二区视频 | 日韩中文字幕一区二区 | 91国内外精品自在线播放 | 亚洲免费在线 | 夫妻午夜影院 | 国产丝袜一区二区三区免费视频 | 久久国产香蕉 | 亚洲福利在线视频 | 中文字幕二区 | 国产一区免费 | 91在线看片 | 国产精品二区三区 | 毛片日韩| 一区二区三区在线看 | 999久久久国产精品 欧美成人h版在线观看 | 一本色道精品久久一区二区三区 | 欧美久久久久久久久中文字幕 | 色综合99| 久久综合888 | 日本不卡一区 | 日韩亚洲一区二区 | 91精品国产一区二区三区蜜臀 | 免费看大片bbbb欧美 |