·組件生命週期
組件的生命週期是爲了說明組件的創建,存在,銷燬的過程的。因此組件分成了三大週期
創建期
beforeCreate 組件即將創建,此時組件什麼數據都沒有
created 組件創建完成,此時組件中已經有綁定的數據以及註冊的消息了
beforeMount 組件即將構建,此時確定了el容器元素,以及模板渲染方法
mounted 組件構建完成,此時組件已經上樹了
存在期
組件發現數據改變,進入存在期
beforeUpdate 組件即將更新,此時數據改變了,視圖沒有更新
updated 組件更新完成,此時視圖已經更新了
銷燬期
beforeDestroy 組件即將銷燬,此時組件的數據,子組件,事件尚未解除綁定
destroyed 組件銷燬完成,此時組件的數據,子組件,事件已經解除綁定
注意
所有生命週期方法中this都指向vue實例化對象,都沒有參數
組件中data方法的this也指向vue實例化對象
創建期只能執行一次
·keep-alive
該組件可以存儲組件的銷燬過程,讓組件避免被銷燬,使組件可以在禁用以及激活之間切換
activated 組件被激活,組件是可用的
deactivated 組件被禁用,組件看不到了,不能被使用了
keep-alive 組件內部的組件,在銷燬的時候,並沒有銷燬,而是存儲了該組件的最後一個狀態,當被激活,會展示組件的最後一個狀態。