千鋒教育前端Vue3.0全套視頻教程(Kerwin2023版,Vue.js零基礎(chǔ)

vue的生命周期(4個(gè)階段,8個(gè)鉤子函數(shù))
(1)創(chuàng)建階段(create):創(chuàng)建組件對(duì)象,創(chuàng)建data對(duì)象,但是這個(gè)階段還沒(méi)有創(chuàng)建虛擬dom樹(shù)。
-beforeCreate(){}:組件創(chuàng)建之前自動(dòng)調(diào)用 —此時(shí)的$el:undefined ,data:undefined
-Create(){}:組件創(chuàng)建完成自動(dòng)調(diào)用–此時(shí)可以發(fā)送ajax請(qǐng)求,并且可以操作模型數(shù)據(jù)
(2)掛載階段 (Mount):創(chuàng)建虛擬dom樹(shù)(既可以操控data中的數(shù)據(jù),又可以發(fā)送ajax請(qǐng)求,執(zhí)行dom操作)。
-beforeMount(){}:組件掛載到dom樹(shù)之前調(diào)用
-Mount(){}:組件掛載到dom樹(shù)之后調(diào)用(也可發(fā)送ajax請(qǐng)求)
(3)更新階段(Update):只要data中的數(shù)據(jù)發(fā)生改變,就會(huì)自動(dòng)觸發(fā)更新階段
-beforeUpdate(){}:組件中的數(shù)據(jù)模型發(fā)生改變,需要更新dom樹(shù)之前調(diào)用
-Update(){}:組件中的數(shù)據(jù)模型發(fā)生改變?cè)俑铝薲om樹(shù)之后調(diào)用
(4)銷毀階段(destroy):這個(gè)方法只有主動(dòng)調(diào)用($destroy ) 方法銷毀一個(gè)組件時(shí)才自動(dòng)觸發(fā)
-beforeDestroy(){}:在組件在dom銷毀之前調(diào)用
-destroy(){}:在組件在dom銷毀之后調(diào)用