有時候我們在切換路由中時不希望組件更新圃酵,希望組件可以緩存下來击纬,維持當前的狀態(tài)。這時候就需要用到keep-alive組件哪雕。
在使用keep-alive時船殉,只有初次加載組件才會執(zhí)行onMounted,但是有些情況下斯嚎,比如頁面切換時利虫,當切換到指定頁面或離開指定頁面時,需要更新部分內(nèi)容堡僻】繁梗考慮這種情景,Vue3為我們提供了兩個特殊的生命周期钉疫,這兩個生命周期只有在keep-alive模式下才可以使用硼讽。
onActivated:進入頁面時會觸發(fā)。當組件初次加載時會執(zhí)行onMounted與onActivated牲阁,當從別的頁面跳轉(zhuǎn)到指定頁面時固阁,只有onActivated會被發(fā)。
onActivated(()=>{})
onDeactivated:離開頁面時會觸發(fā)城菊。當組件銷毀時會執(zhí)行onUmounted與onDeactivated备燃,當從別的頁面切回指定頁面時,只有onDeactivated會被觸發(fā)役电。
onDeactivated(()=>{})