先附一張官網(wǎng)上的Vue實(shí)例的生命周期圖，每個(gè)Vue實(shí)例在被創(chuàng)建的時(shí)候都需要經(jīng)過(guò)一系列的初始化過(guò)程强品，例如需要設(shè)置數(shù)據(jù)監(jiān)聽破衔，編譯模板，將實(shí)例掛載到DOM并在數(shù)據(jù)變化時(shí)更新DOM等阳惹。同時(shí)在這個(gè)過(guò)程中也會(huì)運(yùn)行一些叫做生命周期鉤子的函數(shù)(回調(diào)函數(shù))谍失，這給了用戶在不同階段添加自己代碼的機(jī)會(huì)。
1莹汤、Vue生命周期簡(jiǎn)介
Vue生命周期
在vue實(shí)例的整個(gè)生命周期的各個(gè)階段快鱼，會(huì)提供不同的鉤子函數(shù)以供我們進(jìn)行不同的操作。先列出vue官網(wǎng)上對(duì)各個(gè)鉤子函數(shù)的詳細(xì)解析纲岭。
生命周期鉤子函數(shù)描述
咱們從上圖可以很明顯的看出現(xiàn)在vue2.0都包括了哪些生命周期的函數(shù)了抹竹。
2、父子組件生命周期執(zhí)行順序
加載渲染過(guò)程：
父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted
子組件更新過(guò)程：
父beforeUpdate->子beforeUpdate->子updated->父updated
父組件更新過(guò)程：
父beforeUpdate->父updated
銷毀過(guò)程：
父beforeDestroy->子beforeDestroy->子destroyed->父destroyed
