Vue 的 keep-live 用過(guò)嗎?作用是什么?
1. 沒(méi)有用過(guò)
2. 用過(guò),它的作用是可以在組件切換時(shí),保存其包裹的組件的狀態(tài),使其不被銷毀,防止多次渲染。
keepalive,添加這個(gè)會(huì)比平常多生命周期嗎? keepalive 已經(jīng)緩存了,但是想跳回去的時(shí)候添加新的屬性在哪個(gè)生命周期里實(shí)現(xiàn)
3. 會(huì)比平常的組件多兩個(gè)生命周期鉤子函數(shù),分別是:activated 和 deactivated。使用keep-alive包裹的組件在切換時(shí)不會(huì)被銷毀,而是緩存到內(nèi)存中并執(zhí)行 deactivated 鉤子函數(shù),再次渲染后會(huì)執(zhí)行 activated 鉤子函數(shù)。如果再一次跳回顯示組件的時(shí)候可以在 activated 中做處理
說(shuō)一下 keep-alive 的關(guān)聯(lián)生命周期
4. 會(huì)比平常的組件多兩個(gè)生命周期鉤子函數(shù),分別是:activated 和 deactivated。使用keep-alive包裹的組件在切換時(shí)不會(huì)被銷毀,而是緩存到內(nèi)存中并執(zhí)行 deactivated 鉤子函數(shù),再次渲染后會(huì)執(zhí)行 activated 鉤子函數(shù)。