<keep-alive> 包裹動態(tài)組件時铸董,會緩存不活動的組件實例敛摘,而不是銷毀它們。和 <transition> 相似鲤嫡,<keep-alive> 是一個抽象組件:它自身不會渲染一個 DOM 元素,也不會出現(xiàn)在父組件鏈中绑莺。
當(dāng)組件在 <keep-alive> 內(nèi)被切換暖眼,它的 activated 和 deactivated 這兩個生命周期鉤子函數(shù)將會被對應(yīng)執(zhí)行。
通過描述我們知道纺裁,它會緩存不活動的組件诫肠,而不是銷毀。這樣組件之間的切換就能保存上個組件的狀態(tài)欺缘,而不是切換之后又得重新操作栋豫。
activated() {
if (localStorage.getItem('cartAnchor')) {
this.order()
}
}