在實例化Vue時,需要傳入一個選項對象。他可以包含數據、模板、掛載元素、方法、生命周期鉤子等選項。
每個vue實例在被創建的之前都要經過一系列的初始化過程。例如,實例需要配置數據觀測、編譯模板、掛載實例到DOM,然后在數據變化時更新DOM。
breforCreate:在實例初始化之后,數據觀測和事件配置之前調用
created:實例已經創建完成之后被調用。在這一步,實例已經完成以下配置:數據觀測、屬性和方法的運算。watch/event事件回調。然而掛載階段還沒開始。
beforeMount : 掛載之前開始被調用,相關的render函數首次被調用(該鉤子在服務器端渲染期間不被調用。)
mounted:el被新創建的vm.$el替換,并掛載到實例上去后調用該鉤子。(該鉤子在服務器端渲染期間不被調用。)
beforeUpdate:數據更新時調用,發生在虛擬DOM重新渲染和打補丁之前。你可以在這個鉤子中進一步地更改狀態,這不會觸發附加的重渲染過程。(該鉤子在服務器端渲染期間不被調用。)
updated: 由于數據更改導致的虛擬 DOM 重新渲染和打補丁,在這之后會調用該鉤子。當這個鉤子被調用時,組件 DOM 已經更新,所以你現在可以執行依賴于 DOM 的操作。然而在大多數情況下,你應該避免在此期間更改狀態,因為這可能會導致更新無限循環。(該鉤子在服務器端渲染期間不被調用。)
activated :keep-alive 組件激活時調用。(該鉤子在服務器端渲染期間不被調用。)
deactivated : keep-alive 組件停用時調用。(該鉤子在服務器端渲染期間不被調用。)
beforeDestroy:實例銷毀之前調用。在這一步,實例仍然完全可用。(該鉤子在服務器端渲染期間不被調用。)
destroyed:Vue 實例銷毀后調用。調用后,Vue 實例指示的所有東西都會解綁定,所有的事件監聽器會被移除,所有的子實例也會被銷毀。(該鉤子在服務器端渲染期間不被調用。)