vue實例被創(chuàng)建時經(jīng)過的初始化過程:
開始創(chuàng)建、初始化數(shù)據(jù)酷愧、編譯模版驾诈、掛載Dom==>渲染、更新==>渲染溶浴、卸載
1翘鸭、單組件生命周期
? ? 初始化組件:beforeCreate/created/beforeMount/mounted
? ? 響應式數(shù)據(jù)改變:beforeUpdate/updated
? ??未緩存組件切換:beforeDestroy/destroyed
2、父子組件生命周期
? ? 子組件在父組件完成掛載DOM前初始化戳葵。子組件掛載完成后父組件自動執(zhí)行更新鉤子函數(shù)就乓。
? ? 完成銷毀父組件先銷毀子組件。
? ? 初始化:parent-beforeCreate/parent-created/parent-beforeMount
/child-beforeCreate/child-created/child-beforeMount/child-mounted
parent-mounted/parent-beforeUpdate/parent-updated
? ? props改變:parent-beforeUpdate/child-beforeUpdate/child-updated/parent-updated
? ? 父組件銷毀:parent-beforeDestroy/child-beforeDestroy/child-destroyed/parent-destroyed
3拱烁、兄弟組件生命周期
? ? 初始化:
????child1-beforeCreate/child1-created/child1-beforeMount
????/child2-beforeCreate/child2-created/child2-beforeMount
????/child1-mounted/child2-mounted
? ? 組件掛載從上到下進行生蚁。
4、混入mixin生命周期
? ? 混入mixin的每一個生命周期鉤子函數(shù)緊緊優(yōu)先執(zhí)行戏自。