生命周期鉤子

• 定義

每個(gè) Vue 實(shí)例在被創(chuàng)建時(shí)都要經(jīng)過(guò)一系列的初始化過(guò)程——例如，需要設(shè)置數(shù)據(jù)監(jiān)聽(tīng)、編譯模板、將實(shí)例掛載到 DOM 并在數(shù)據(jù)變化時(shí)更新 DOM 等。同時(shí)在這個(gè)過(guò)程中也會(huì)運(yùn)行一些叫做生命周期鉤子的函數(shù)，這給了用戶(hù)在不同階段添加自己的代碼的機(jī)會(huì)。

• 鉤子方法

beforeCreate：在實(shí)例初始化之后，數(shù)據(jù)觀測(cè) (data observer) 和 event/watcher 事件配置之前被調(diào)用。

created：在實(shí)例創(chuàng)建完成后被立即調(diào)用。在這一步，實(shí)例已完成以下的配置：數(shù)據(jù)觀測(cè) (data observer)，屬性和方法的運(yùn)算，watch/event 事件回調(diào)。然而，掛載階段還沒(méi)開(kāi)始，$el 屬性目前不可見(jiàn)。

beforeMount：在掛載開(kāi)始之前被調(diào)用：相關(guān)的 render 函數(shù)首次被調(diào)用。

mounted：el被新創(chuàng)建的vm.$el替換，并掛載到實(shí)例上去之后調(diào)用該鉤子。

beforeUpdate：數(shù)據(jù)更新時(shí)調(diào)用，發(fā)生在虛擬 DOM 打補(bǔ)丁之前。

updated：數(shù)據(jù)更新時(shí)調(diào)用，發(fā)生在虛擬 DOM 打補(bǔ)丁之前。

activated：keep-alive 組件激活時(shí)調(diào)用。

deactivated：keep-alive 組件停用時(shí)調(diào)用。

beforeDestroy：實(shí)例銷(xiāo)毀之前調(diào)用。在這一步，實(shí)例仍然完全可用。

destroyed：Vue實(shí)例銷(xiāo)毀后調(diào)用。調(diào)用后，Vue實(shí)例指示的所有東西都會(huì)解綁定，所有的事件監(jiān)聽(tīng)器會(huì)被移除，所有的子實(shí)例也會(huì)被銷(xiāo)毀。

errorCaptured：2.5.0+ 新增，當(dāng)捕獲一個(gè)來(lái)自子孫組件的錯(cuò)誤時(shí)被調(diào)用。此鉤子會(huì)收到三個(gè)參數(shù)：錯(cuò)誤對(duì)象、發(fā)生錯(cuò)誤的組件實(shí)例以及一個(gè)包含錯(cuò)誤來(lái)源信息的字符串。此鉤子可以返回 false 以阻止該錯(cuò)誤繼續(xù)向上傳播。

• 重點(diǎn)鉤子

created：實(shí)例完全創(chuàng)建完畢(屬性與方法都準(zhǔn)備就緒)。可以進(jìn)行數(shù)據(jù)操作(請(qǐng)求后臺(tái)數(shù)據(jù)，重新渲染最新數(shù)據(jù))

mounted：虛擬DOM構(gòu)建完畢，并完成實(shí)例的el掛載?？梢灾匦虏僮黜?yè)面DOM