【前端學習】Vue組件生命週期

·組件生命週期

組件的生命週期是爲了說明組件的創建,存在,銷燬的過程的。因此組件分成了三大週期

創建期

beforeCreate 組件即將創建,此時組件什麼數據都沒有
created 組件創建完成,此時組件中已經有綁定的數據以及註冊的消息了
beforeMount 組件即將構建,此時確定了el容器元素,以及模板渲染方法
mounted 組件構建完成,此時組件已經上樹了

存在期

組件發現數據改變,進入存在期
beforeUpdate 組件即將更新,此時數據改變了,視圖沒有更新
updated 組件更新完成,此時視圖已經更新了

銷燬期

beforeDestroy 組件即將銷燬,此時組件的數據,子組件,事件尚未解除綁定
destroyed 組件銷燬完成,此時組件的數據,子組件,事件已經解除綁定

注意
所有生命週期方法中this都指向vue實例化對象,都沒有參數
組件中data方法的this也指向vue實例化對象
創建期只能執行一次

在這裏插入圖片描述

·keep-alive

該組件可以存儲組件的銷燬過程,讓組件避免被銷燬,使組件可以在禁用以及激活之間切換
activated 組件被激活,組件是可用的
deactivated 組件被禁用,組件看不到了,不能被使用了
keep-alive 組件內部的組件,在銷燬的時候,並沒有銷燬,而是存儲了該組件的最後一個狀態,當被激活,會展示組件的最後一個狀態。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章