每個(gè) Vue 實(shí)例在被創(chuàng)建時(shí)都要經(jīng)過(guò)一系列的初始化過(guò)程——例如，需要設(shè)置數(shù)據(jù)監(jiān)聽、編譯模板、將實(shí)例掛載到 DOM 并在數(shù)據(jù)變化時(shí)更新 DOM 等，這一整個(gè)過(guò)程就叫做vue的生命周期；在周期的不同階段會(huì)有不同的鉤子函數(shù)，如圖
常用的鉤子：
beforeCreate：在實(shí)例初始化之后，數(shù)據(jù)觀測(cè)和event/watcher事件配置之前被調(diào)用。
created：在實(shí)例創(chuàng)建完成后立即調(diào)用，在這一步，實(shí)例已完成數(shù)據(jù)觀測(cè)，屬性和方法的運(yùn)算，watch/event事件回調(diào)。但是，掛載階段還沒開始，$el（根dom元素）屬性不可見。
beforeMount：在掛載之前被調(diào)用，render函數(shù)首次被調(diào)用。（該鉤子在服務(wù)器端渲染期間不被調(diào)用。)
mounted：el?被新創(chuàng)建的?vm.$el?替換，并掛載到實(shí)例上去之后調(diào)用該鉤子。如果 root 實(shí)例掛載了一個(gè)文檔內(nèi)元素，當(dāng)?mounted?被調(diào)用時(shí)?vm.$el?也在文檔內(nèi)。（該鉤子在服務(wù)器端渲染期間不被調(diào)用。)
注意?mounted?不會(huì)承諾所有的子組件也都一起被掛載。如果你希望等到整個(gè)視圖都渲染完畢，可以用 vm.$nextTick替換掉?mounted：
mounted () {
????this.$nextTick(function(){
????????//只有在呈現(xiàn)整個(gè)視圖之后才會(huì)運(yùn)行的代碼
? ? ?})
}
beforeUpdate：數(shù)據(jù)更新時(shí)調(diào)用，發(fā)生在虛擬DOM補(bǔ)丁之前。這里適合在更新之前訪問現(xiàn)有的DOM。
updated：由于數(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)。如果要相應(yīng)狀態(tài)改變，通常最好使用計(jì)算屬性或?watcher?取而代之。
注意?updated?不會(huì)承諾所有的子組件也都一起被重繪。如果你希望等到整個(gè)視圖都重繪完畢，可以用?vm.$nextTick?替換掉?updated：
updated () {
????this.$nextTick(function(){
????//?只有在重新顯示整個(gè)視圖之后才會(huì)運(yùn)行的代碼。
? ? ?})
}
