- 組件實(shí)例化
-
beforeCreate
此時(shí)數(shù)據(jù)還不是響應(yīng)式雕欺，更新 data 數(shù)據(jù)是無效的聋丝，也無法訪問 DOM编振。
- 數(shù)據(jù)觀測(cè) (data observer)
- 計(jì)算屬性缀辩、方法、watch/event 事件回調(diào)
-
created
此時(shí)數(shù)據(jù)是響應(yīng)式踪央，不能訪問 DOM雌澄。網(wǎng)絡(luò)數(shù)據(jù)請(qǐng)求操作適合放在此處。
- 模板或渲染函數(shù)已經(jīng)編譯好
beforeMount- DOM 掛載
-
mounted
此時(shí)可以訪問 DOM 節(jié)點(diǎn)杯瞻，例如this.$el镐牺，DOM 相關(guān)的操作適合放在此處。
-
beforeUpdate
此時(shí)訪問 DOM 是數(shù)據(jù)變化前對(duì)應(yīng)的 DOM
- DOM 更新之前
-
updated
此時(shí)可訪問更新后的 DOM 節(jié)點(diǎn)魁莉，DOM 與 data 數(shù)據(jù)一致睬涧。
-
beforeDestroy
此時(shí)實(shí)例仍然完全可用。
- 組件銷毀
-
destroyed
此時(shí)組件所有東西都已解綁旗唁，所有的事件監(jiān)聽器都已被移除畦浓，還能訪問 DOM。
父子組件情形
[parent] beforeCreate
[parent] created
[parent] beforeMount
[child ] beforeCreate
[child ] created
[child ] beforeMount
[child ] mounted
[parent] mounted
[parent] beforeUpdate
[child ] beforeUpdate
[child ] updated
[parent] updated
[parent] beforeDestroy
[child ] beforeDestroy
[child ] destroyed
[parent] destroyed
