vue-生命週期中的鉤子

1、vue的生命週期:實例從建立到銷燬的過程vue

2、生命週期鉤子wKioL1mv4wbSkajYAAr2x7JyILA968.jpg-wh_50服務器

    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實例指示的全部東西都會解綁,全部事件都會移除,全部的子實例也會被銷燬,該鉤子在服務器端渲染期間不被調用。

相關文章
相關標籤/搜索