一、順序
1.加載渲染過(guò)程
父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount- >子mounted->父mounted
2.子組件更新過(guò)程
父beforeUpdate->子beforeUpdate->子updated->父updated
3.父組件更新過(guò)程
父beforeUpdate->父updated
4.銷毀過(guò)程
父beforeDestroy->子beforeDestroy->子destroyed->父destroyed
二座每、理解
組件的調(diào)用順序都是先父后子,渲染完成的順序肯定是先子后父
組件的銷毀操作是先父后子荐吉,銷毀完成的順序是先子后父
三、原理
當(dāng)dom渲染時(shí)饶囚,會(huì)createElm創(chuàng)建元素,創(chuàng)建元素后會(huì)進(jìn)行初始化绍些,初始化組件的時(shí)候內(nèi)部還有組件炒瘸,會(huì)不停的去渲染淤堵,所以它的渲染順序是先父后子,完成的順序是先子后父顷扩。
dom渲染描述:先父組件要?jiǎng)?chuàng)建beforeCreate拐邪、created,父組件實(shí)例化完成后要掛載這個(gè)父組件beforeMount隘截,掛載父組件的時(shí)候會(huì)調(diào)用父的render方法扎阶,渲染的時(shí)候發(fā)現(xiàn)里面有子組件,這時(shí)就會(huì)調(diào)用子組件的beforeCreate婶芭、created东臀、beforeMount,當(dāng)子組件都完成之后犀农,會(huì)把子組件先存起來(lái)惰赋,這兒有隊(duì)列,不是子完成就會(huì)調(diào)用子的mounted呵哨,因?yàn)樽咏M件中可能還有子組件赁濒,這時(shí)會(huì)暫存一下,到最后子全完成了會(huì)按照子調(diào)父的調(diào)孟害,mounted是先子后父拒炎。