1.beforeCreate:
在實例初始化之后,數(shù)據(jù)觀測 (data observer) 和 event/watcher 事件配置之前被調(diào)用晋被。
2.create:
在實例創(chuàng)建完成后被立即調(diào)用荔烧。在這一步吱七,實例已完成以下的配置:數(shù)據(jù)觀測 (data observer),屬性和方法的運(yùn)算鹤竭,watch/event 事件回調(diào)踊餐。然而,掛載階段還沒開始臀稚,$el?屬性目前不可見吝岭。
3.beforeMount:
在掛載開始之前被調(diào)用:相關(guān)的?render?函數(shù)首次被調(diào)用。
4.mounted:
el?被新創(chuàng)建的?vm.$el?替換吧寺,并掛載到實例上去之后調(diào)用該鉤子窜管。如果 root 實例掛載了一個文檔內(nèi)元素,當(dāng)?mounted?被調(diào)用時?vm.$el?也在文檔內(nèi)撮执。
5.beforeUpdate:
數(shù)據(jù)更新時調(diào)用微峰,發(fā)生在虛擬 DOM 打補(bǔ)丁之前。這里適合在更新之前訪問現(xiàn)有的 DOM抒钱,比如手動移除已添加的事件監(jiān)聽器蜓肆。該鉤子在服務(wù)器端渲染期間不被調(diào)用,因為只有初次渲染會在服務(wù)端進(jìn)行谋币。
6.update:
當(dāng)這個鉤子被調(diào)用時仗扬,組件 DOM 已經(jīng)更新,所以你現(xiàn)在可以執(zhí)行依賴于 DOM 的操作蕾额。然而在大多數(shù)情況下早芭,你應(yīng)該避免在此期間更改狀態(tài)。如果要相應(yīng)狀態(tài)改變诅蝶,通常最好使用計算屬性或?watcher?取而代之退个。
7.activated:
keep-alive 組件激活時調(diào)用募壕。該鉤子在服務(wù)器端渲染期間不被調(diào)用。
8.deactivated:
keep-alive 組件停用時調(diào)用语盈。該鉤子在服務(wù)器端渲染期間不被調(diào)用舱馅。
9.beforeDestory:
實例銷毀之前調(diào)用。在這一步刀荒,實例仍然完全可用代嗤。該鉤子在服務(wù)器端渲染期間不被調(diào)用。
10.destoryed:
Vue 實例銷毀后調(diào)用缠借。調(diào)用后干毅,Vue 實例指示的所有東西都會解綁定,所有的事件監(jiān)聽器會被移除泼返,所有的子實例也會被銷毀硝逢。該鉤子在服務(wù)器端渲染期間不被調(diào)用。
11.errorCaptured:(2.5.0+新加的)
當(dāng)捕獲一個來自子孫組件的錯誤時被調(diào)用绅喉。此鉤子會收到三個參數(shù):錯誤對象趴捅、發(fā)生錯誤的組件實例以及一個包含錯誤來源信息的字符串。此鉤子可以返回?false以阻止該錯誤繼續(xù)向上傳播霹疫。
生命周期示意圖: