beforeCreate
是new Vue()之后觸發(fā)的第一個鉤子驱富,在當(dāng)前階段data、methods、computed以及watch上的數(shù)據(jù)和方法都不能被訪問沛膳。
created
在實例創(chuàng)建完成后發(fā)生,當(dāng)前階段已經(jīng)完成了數(shù)據(jù)觀測汛聚,也就是可以使用數(shù)據(jù)锹安,更改數(shù)據(jù),在這里更改數(shù)據(jù)不會觸發(fā)updated函數(shù)倚舀√究蓿可以做一些初始數(shù)據(jù)的獲取,在當(dāng)前階段無法與Dom進行交互痕貌,如果非要想风罩,可以通過 vm.nextTick 來訪問Dom。
beforeMount
發(fā)生在掛載之前舵稠,在這之前template模板已導(dǎo)入渲染函數(shù)編譯超升。而當(dāng)前階段虛擬Dom已經(jīng)創(chuàng)建完成,即將開始渲染哺徊。在此時也可以對數(shù)據(jù)進行更改室琢,不會觸發(fā)updated。
mounted
在掛載完成后發(fā)生落追,在當(dāng)前階段盈滴,真實的Dom掛載完畢,數(shù)據(jù)完成雙向綁定轿钠,可以訪問到Dom節(jié)點巢钓,使用$refs屬性對Dom進行操作。
beforeUpdate
發(fā)生在更新之前谣膳,也就是響應(yīng)式數(shù)據(jù)發(fā)生更新竿报,虛擬dom重新渲染之前被觸發(fā),你可以在當(dāng)前階段進行更改數(shù)據(jù)继谚,不會造成重渲染烈菌。
updated
發(fā)生在更新完成之后,當(dāng)前階段組件Dom已完成更新。要注意的是避免在此期間更改數(shù)據(jù)芽世,因為這可能會導(dǎo)致無限循環(huán)的更新挚赊。
beforeDestroy
發(fā)生在實例銷毀之前,在當(dāng)前階段實例完全可以被使用济瓢,我們可以在這時進行善后收尾工作荠割,比如清除計時器。
destroyed
發(fā)生在實例銷毀之后旺矾,這個時候只剩下了dom空殼蔑鹦。組件已被拆解,數(shù)據(jù)綁定被卸除箕宙,監(jiān)聽被移出嚎朽,子實例也統(tǒng)統(tǒng)被銷毀。