Vue 中的keep alive 什麼用處?

2022-06-12 16:57:10 字數 303 閱讀 6276

keep-alive

keep-alive是vue提供的乙個抽象元件,用來對元件進行快取,從而節省效能,由於是乙個抽象元件,所以在v頁面渲染完畢後不會被渲染成乙個dom元素

當元件在keep-alive內被切換時元件的activated、deactivated這兩個生命週期鉤子函式會被執行

被包裹在keep-alive中的元件的狀態將會被保留,例如我們將某個列表類元件內容滑動到第100條位置,那麼我們在切換到乙個元件後再次切換回到該元件,該元件的位置狀態依舊會保持在第100條列表處

vue中keep alive的使用

1.beforecreate 2.created 3.beforemount 4.mounted 5.beforeupdate 6.updated 7.beforedestory 8.destroyed 9.errorcaptured 當捕獲乙個來自子孫元件的錯誤時被呼叫。此鉤子會收到三個引數 錯誤...

vue中keep alive的使用

keep alive 是 vue 的內建元件,當它包裹動態元件時,會快取不活動的元件例項,而不是銷毀它們。和 transition 相似,keep alive 是乙個抽象元件 它自身不會渲染成乙個 dom 元素,也不會出現在父元件鏈中。在元件切換過程中將狀態保留在記憶體中,防止重複渲染dom,減少載...

vue中 keep alive 元件的作用

在vue專案中,難免會有列表頁面或者搜尋結果列表頁面,點選某個結果之後,返回回來時,如果不對結果頁面進行快取,那麼返回列表頁面的時候會回到初始狀態,但是我們想要的結果是返回時這個頁面還是之前搜尋的結果列表,這時候就需要用到vue的keep alive技術了.keep alive是 vue 內建的乙個...