<keep-alive>包裹的動態組件會被緩存,它是一個抽象組件,它自身不會渲染一個dom元素,也不會出現在父組件鏈中。當組件在 <keep-alive> 內被切換,它的 activated 和 deactivated 這兩個生命周期鈎子函數將會被對應執行。
如<keep-alive>包裹兩個組件:組件A和組件B。當第一次切換到組件A時,組件A的created和activated生命周期函數都會被執行,這時通過點擊事件改變組件A的文字的顏色,在切換到組件B,這時組件A的deactivated的生命周期函數會被觸發;在切換回組件A,組件A的activated生命周期函數會被觸發,但是它的created生命周期函數不會被觸發了,而且A組件的文字顏色也是我們之前設置過的。