beforeCreate

• 類型：Function
• 詳細(xì)：
  在實(shí)例初始化之后，數(shù)據(jù)觀測（data observer）和event/watcher事件配置之前被調(diào)用件余。

created

• 類型： Function
• 詳細(xì)：
  在實(shí)例創(chuàng)建完成后被立即調(diào)用。在這一步年缎，實(shí)例已完成以下的配置：數(shù)據(jù)觀測（data observer）蛹疯，屬性和方法的運(yùn)算，watch/event時(shí)間回調(diào)咽斧。然而，掛載階段還沒開始躬存，$el屬性目前不可見张惹。

beforeMount

• 類型： Function
• 詳細(xì)：
  在掛載開始之前被調(diào)用：相關(guān)的render函數(shù)首次內(nèi)被調(diào)用
  該鉤子在服務(wù)器端渲染期間不被調(diào)用。

mounted

• 類型：Function
• 詳情：
  el被新創(chuàng)建的vm.$el替換岭洲，并掛載到實(shí)例上去之后調(diào)用該鉤子宛逗。如果root實(shí)例掛載了一個(gè)文檔內(nèi)元素，當(dāng)mounted被調(diào)用時(shí)vm.$el也在文檔內(nèi)盾剩。
  注意mounted不會(huì)承諾所有的子組件也都一起被掛載雷激。如果需要等到整個(gè)視圖都渲染完畢，可以用vm.$nextTick替換掉mounted：

mounted: function () {
    this.$nextTick(function () {
        //code that will run only after the
        //entire view has been rendered
    })
}

該鉤子在服務(wù)器端渲染期間不被調(diào)用

beforeUpdate

• 類型：Function
• 詳情：
  數(shù)據(jù)更新時(shí)調(diào)用告私，發(fā)生在虛擬DOM重新渲染和打補(bǔ)丁之前屎暇。
  你可以在這個(gè)鉤子中進(jìn)一步地更改狀態(tài)，這個(gè)不會(huì)觸發(fā)附加的重渲染過程驻粟。
  該鉤子在服務(wù)器端渲染期間不被調(diào)用

updated

• 類型：Function
• 詳細(xì)：
  由于數(shù)據(jù)更改導(dǎo)致的虛擬DOM重新渲染和打補(bǔ)丁根悼，在這之后會(huì)調(diào)用該鉤子。
  當(dāng)這個(gè)鉤子被調(diào)用時(shí)，組件DOM已經(jīng)更新番挺，所以你現(xiàn)在可以執(zhí)行依賴于DOM的操作。然而在大多數(shù)情況下屯掖，你應(yīng)該避免在此期間更改狀態(tài)玄柏。如果要想贏狀態(tài)改變。如果要相應(yīng)狀態(tài)改變贴铜，通常最好使用**計(jì)算屬性**或**watcher**取而代之粪摘。
  注意updated不會(huì)承諾所有的子組件也都一起被重繪。如果你希望等到整個(gè)視圖都重繪完畢绍坝，可以用**vm.$nextTick**替換掉updated:

updated: function () {
    this.$nextTick(function () {
        //code that will run only after the
        //entire view has been re-rendered
    })
}   

該鉤子在服務(wù)器渲染期間不被調(diào)用徘意。

updated

• 類型：Function
• 詳細(xì)：
  由于數(shù)據(jù)更改導(dǎo)致的虛擬DOM重新渲染和打補(bǔ)丁，在這之后會(huì)調(diào)用該鉤子轩褐。
  當(dāng)這個(gè)鉤子被調(diào)用時(shí)椎咧，組件DOM已經(jīng)更新，所以你現(xiàn)在可以執(zhí)行依賴于DOM的操作把介。然而在大多數(shù)情況下勤讽，你應(yīng)該避免在此期間更改狀態(tài)。如果要想贏狀態(tài)改變拗踢。如果要相應(yīng)狀態(tài)改變脚牍，通常最好使用**計(jì)算屬性**或**watcher**取而代之。
  注意updated不會(huì)承諾所有的子組件也都一起被重繪巢墅。如果你希望等到整個(gè)視圖都重繪完畢诸狭，可以用**vm.$nextTick**替換掉updated:

updated: function () {
    this.$nextTick(function () {
        //code that will run only after the
        //entire view has been re-rendered
    })
}   
**該鉤子在服務(wù)器渲染期間不被調(diào)用。**

activated

• 類型：Function
• 詳細(xì)：
  keep-alive組件激活時(shí)調(diào)用
  該鉤子在服務(wù)器端渲染期間不被調(diào)用君纫。

deactivated

• 類型：Function
• 詳細(xì)：
  keep-alive組件停用時(shí)調(diào)用驯遇。
  該鉤子在服務(wù)器端渲染期間不被調(diào)用。

beforeDestory

• 類型：Function
• 詳細(xì)：
  實(shí)例銷毀之前調(diào)用蓄髓。在這一步妹懒，實(shí)例仍然完全可用。
  該鉤子在服務(wù)器端渲染期間不被調(diào)用双吆。

destroyed

• 類型：Function
• 詳細(xì)：
  Vue實(shí)例銷毀后調(diào)用眨唬。調(diào)用后，Vue實(shí)例指示的所有東西都會(huì)解綁定好乐，所有的事件監(jiān)聽器會(huì)被移除匾竿，所有的子實(shí)例也會(huì)被銷毀。
  該鉤子在服務(wù)器端渲染期間不被調(diào)用蔚万。