vue實例從創(chuàng)建到銷毀的過程就是生命周期。過程如下：

開始創(chuàng)建——>初始化數(shù)據(jù)——>編譯模版——>掛載Dom——>渲染、更新——>渲染——>銷毀。

vue的生命鉤子函數(shù)（生命周期），總共可以分為8個階段，他們各階段的作用如下：

1、beforeCreate（實例創(chuàng)建前）：此階段是獲取不到props和data的數(shù)據(jù)的，因為這個階段數(shù)據(jù)都初始化在initState中。且此階段vue的所有屬性都還不存在。

2、created（實例創(chuàng)建完成）：此階段可以訪問之前不能訪問到的數(shù)據(jù)，但此時組件還沒掛載，$el也還不存在。

3、beforeMount（掛載之前）：此階段開始創(chuàng)建VDOM，最后執(zhí)行mounted鉤子，并將VDOM渲染為真實DOM并且選人數(shù)據(jù)。組件中如果有子組件的話，會遞歸掛載子組件，只有當所有子組件全部掛載完畢，才會執(zhí)行根組件。

4、mounted（掛載之后）：此階段data中的數(shù)據(jù)已經(jīng)被渲染到元素中 ，可以操作dom。

5、beforeUpdate（更新前）：此階段組件將要更新。

6、updated（組件更新后）：此階段組件更新完成。

7、beforeDestroy（組件銷毀前）：此階段適宜移除事件、定時器等，否則可能會引起內(nèi)存泄漏的問題。然后進行一系列的銷毀操作，如果有子組件的話，也會遞歸銷毀子組件。

8、destroyed（組件銷毀后）：組件銷毀完成。

總結

以上是生活随笔為你收集整理的vue生命周期钩子函数的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。