vuejs中的keep-alive組件緩存組件問題

一、keep-alive 用法(官方):vue

Props正則表達式

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

用法緩存

<keep-alive> 包裹動態組件時,會緩存不活動的組件實例,而不是銷燬它們。和 <transition> 類似,<keep-alive> 是一個抽象組件:它自身不會渲染一個 DOM 元素,也不會出如今父組件鏈中。函數

二、當一個組件a.vue被緩存的時候,那麼第一次加載這個組件的時候,會執行組件的全部周期函數created()、mounted()等等,可是第二次打開a組件時,就不會觸發這些生命週期鉤子函數,可是會觸發activated 和 deactivated這兩個鉤子函數(由於被緩存了);生命週期

也能夠直接去官網查閱相關資料 keep-alive相關...字符串

相關文章
相關標籤/搜索