在多個(gè)組件間動(dòng)態(tài)切換時(shí)緩存被移除的組件實(shí)例
包裹動(dòng)態(tài)組件時(shí),會(huì)緩存不活躍的組件實(shí)例,而不是銷毀它們。
任何時(shí)候都只能有一個(gè)活躍組件實(shí)例作為 的直接子節(jié)點(diǎn)。
當(dāng)一個(gè)組件在 中被切換時(shí),它的 activated 和 deactivated 生命周期鉤子將被調(diào)用
基本用法:
與 v-if / v-else 分支一起使用時(shí),同一時(shí)間只能有一個(gè)組件被渲染:
與 一起使用:
相關(guān)的生命周期:
activated 在首次掛載、以及每次從緩存中被重新插入的時(shí)候調(diào)用
deactivated() {在從 DOM 上移除、進(jìn)入緩存以及組件卸載時(shí)調(diào)用
注意: activated 在組件掛載時(shí)也會(huì)調(diào)用,并且 deactivated 在組件卸載時(shí)也會(huì)調(diào)用。
實(shí)例應(yīng)用:



標(biāo)簽: