vue.js 2 的生命周期包含 8 個(gè)階段：beforecreate：vue 實(shí)例創(chuàng)建后觸發(fā)，dom 掛載前。created：dom 掛載前觸發(fā)，虛擬 dom 已創(chuàng)建。beforemount：dom 掛載后，真實(shí) dom 未插入前觸發(fā)。mounted：dom 掛載后，真實(shí) dom 已插入文檔中觸發(fā)。beforeupdate：數(shù)據(jù)更改后，虛擬 dom 更新前觸發(fā)。updated：真實(shí) dom 更新后觸發(fā)。beforedestroy：實(shí)例銷毀前引發(fā)，dom 已分離。destroyed：實(shí)例被完全銷
Vue.js 2 的生命周期階段
Vue.js 2 的生命周期包含以下 8 個(gè)階段：
1. beforeCreate
生命周期開始時(shí)觸發(fā)。
此時(shí)，Vue 實(shí)例已被創(chuàng)建，但未掛載到 DOM。
2. created
在 Vue 實(shí)例掛載到 DOM 之前觸發(fā)。
此時(shí)，虛擬 DOM 已經(jīng)創(chuàng)建，但真實(shí) DOM 尚未創(chuàng)建。
3. beforeMount
在 Vue 實(shí)例掛載到 DOM 后觸發(fā)。
此時(shí)，虛擬 DOM 已被編譯為真實(shí) DOM，但尚未插入到真實(shí) DOM 中。
4. mounted
在 Vue 實(shí)例掛載到 DOM 后觸發(fā)。
此時(shí)，真實(shí) DOM 已被插入到文檔中。
5. beforeUpdate
當(dāng) Vue 實(shí)例響應(yīng)數(shù)據(jù)更改時(shí)觸發(fā)。
此時(shí)，虛擬 DOM 已被更新，但真實(shí) DOM 尚未更新。
6. updated
當(dāng) Vue 實(shí)例的 DOM 響應(yīng)數(shù)據(jù)更改而更新后觸發(fā)。
7. beforeDestroy
在 Vue 實(shí)例銷毀之前觸發(fā)。
此時(shí)，Vue 實(shí)例已與 DOM 分離。
8. destroyed
在 Vue 實(shí)例被完全銷毀后觸發(fā)。
