Vue是一個現代化的JavaScript框架,它使用了組件化的架構,允許我們在開發應用程序時快速構建可重用的組件。
Vue框架提供了一些生命周期鉤子,這些鉤子函數允許我們在特定的時間點執行代碼。其中一個生命周期鉤子就是activated。
export default { activated() { console.log('組件已被激活') } }
當組件被keep-alive
包裹并緩存后,每次組件再次被激活時,Vue會自動調用activated鉤子函數。
我們可以在activated鉤子函數中執行一些不需要在組件創建時執行的代碼。比如,可以在activated鉤子函數中重新獲取數據,更新組件狀態等。
請注意,如果組件被銷毀,activated鉤子函數將不會被調用。如果您需要在組件被銷毀時執行代碼,請使用beforeDestroy
鉤子函數。