vue的activated和deactivated生命周期


<keep-alive>包裹的動態組件會被緩存,它是一個抽象組件,它自身不會渲染一個dom元素,也不會出現在父組件鏈中。當組件在 <keep-alive> 內被切換,它的 activated 和 deactivated 這兩個生命周期鈎子函數將會被對應執行。

如<keep-alive>包裹兩個組件:組件A和組件B。當第一次切換到組件A時,組件A的created和activated生命周期函數都會被執行,這時通過點擊事件改變組件A的文字的顏色,在切換到組件B,這時組件A的deactivated的生命周期函數會被觸發;在切換回組件A,組件A的activated生命周期函數會被觸發,但是它的created生命周期函數不會被觸發了,而且A組件的文字顏色也是我們之前設置過的。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM