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

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

vue keep-alive的簡單總結

瀏覽:36日期: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
相關文章:
主站蜘蛛池模板: 亚洲精品久久久一区二区三区 | 一区二区三区中文字幕 | 久久国产一区二区三区 | 午夜激情小视频 | 91啪影院 | 欧美精品网 | 国产精品久久久久久久久久久久 | 亚洲视频中文字幕 | 国产一区二区久久久 | 美女久久久久 | 欧美日韩大陆 | 五月综合激情婷婷 | 日韩一区二区福利 | 国内精品久久久久久久 | 精品福利一区 | 91在线视频在线观看 | 亚洲国产成人在线视频 | 中文字字幕在线中文乱码范文 | 亚洲一区二区三区免费 | 人人色视频 | 久久视频免费看 | 看片91| 欧美黑人一区 | 亚洲精品一区中文字幕乱码 | 日韩在线精品视频 | 成人综合一区 | 免费成人在线网站 | 国产在线网站 | 成人视屏在线观看 | 激情五月综合网 | 亚洲顶级毛片 | 国产精品自产av一区二区三区 | 午夜三区 | 国产午夜精品一区二区三区四区 | 欧美日韩在线观看一区 | 久久久久久亚洲 | 高清人人天天夜夜曰狠狠狠狠 | 日本午夜视频 | 国产精品国产亚洲精品看不卡15 | 国产综合久久久久久鬼色 | 亚洲欧美综合精品久久成人 |