1、vue的生命週期:實例從建立到銷燬的過程vue
beforecreate、created
ide
beforeMount、mounted
函數
beforeUpdate、updated
server
beforeDestroy、destroyed
blog
3、各個鉤子的觸發階段生命週期
一、beforecreate: 在實例化以後(new vue),數據觀測(data observer)和 event/watcher以前調用
事件
二、created:實例已經建立完成以後被調用,在這一步,實例已完成以下配置,數據觀測(data observer)、屬性和方法的運算,watch/event事件回調,掛載階段未開始,$el屬性目前不可見。
get
三、beforeMount: 在掛載開始以前被調用,相關的render函數首次被調用。
虛擬機
四、mounted: el被建立的vm.$el替換,並掛載到實例上去以後調用
五、beforeUpdat: 數據更新時調用,發生在虛擬機Dom從新渲染和打補丁以前,在這個鉤子中進一步地更改狀態,這不會觸發附加的重渲染過程。
六、updated: 在數據更改致使的虛擬Dom從新渲染避免在此期間更改狀態,該鉤子在服務器端渲染期間不被調用。
七、beforeDestroy:實例銷燬以前調用,在這一步,實例仍然可用
八、destroyed:vue實例銷燬後調用,vue實例指示的全部東西都會解綁,全部事件都會移除,全部的子實例也會被銷燬,該鉤子在服務器端渲染期間不被調用。