vue生命周期指的是什么

這篇文章將為大家詳細(xì)講解有關(guān)vue生命周期指的是什么，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

vue生命周期是什么？

Vue生命周期是指vue實(shí)例對(duì)象從創(chuàng)建之初到銷毀的過(guò)程，vue所有功能的實(shí)現(xiàn)都是圍繞其生命周期進(jìn)行的，在生命周期的不同階段調(diào)用對(duì)應(yīng)的鉤子函數(shù)可以實(shí)現(xiàn)組件數(shù)據(jù)管理和DOM渲染兩大重要功能。

我們來(lái)看一下官網(wǎng)給的vue生命周期的圖：

我們接下來(lái)就來(lái)詳細(xì)看看這個(gè)vue生命周期圖

從上面這幅圖中，我們可以看到vue生命周期可以分為八個(gè)階段，分別是：

beforeCreate（創(chuàng)建前）、created（創(chuàng)建后）、beforeMount(載入前)、mounted（載入后）、beforeUpdate（更新前）、updated（更新后）、beforeDestroy（銷毀前）、destroyed（銷毀后）

下面我們就來(lái)分別看看vue生命周期的這八個(gè)階段：

1、創(chuàng)建前（beforeCreate）

對(duì)應(yīng)的鉤子函數(shù)為beforeCreate。此階段為實(shí)例初始化之后，此時(shí)的數(shù)據(jù)觀察和事件機(jī)制都未形成，不能獲得DOM節(jié)點(diǎn)。

2、創(chuàng)建后（created）

對(duì)應(yīng)的鉤子函數(shù)為created。在這個(gè)階段vue實(shí)例已經(jīng)創(chuàng)建，仍然不能獲取DOM元素。

3、載入前（beforeMount）

對(duì)應(yīng)的鉤子函數(shù)是beforemount，在這一階段，我們雖然依然得不到具體的DOM元素，但vue掛載的根節(jié)點(diǎn)已經(jīng)創(chuàng)建，下面vue對(duì)DOM的操作將圍繞這個(gè)根元素繼續(xù)進(jìn)行；beforeMount這個(gè)階段是過(guò)渡性的，一般一個(gè)項(xiàng)目只能用到一兩次。

4、載入后（mounted）

對(duì)應(yīng)的鉤子函數(shù)是mounted。mounted是平時(shí)我們使用最多的函數(shù)了，一般我們的異步請(qǐng)求都寫(xiě)在這里。在這個(gè)階段，數(shù)據(jù)和DOM都已被渲染出來(lái)。

5、更新前（beforeUpdate）

對(duì)應(yīng)的鉤子函數(shù)是beforeUpdate。在這一階段，vue遵循數(shù)據(jù)驅(qū)動(dòng)DOM的原則；beforeUpdate函數(shù)在數(shù)據(jù)更新后雖然沒(méi)立即更新數(shù)據(jù)，但是DOM中的數(shù)據(jù)會(huì)改變，這是Vue雙向數(shù)據(jù)綁定的作用。

6、更新后（updated）

對(duì)應(yīng)的鉤子函數(shù)是updated。在這一階段DOM會(huì)和更改過(guò)的內(nèi)容同步。

7、銷毀前（beforeDestroy）

對(duì)應(yīng)的鉤子函數(shù)是beforeDestroy。在上一階段vue已經(jīng)成功的通過(guò)數(shù)據(jù)驅(qū)動(dòng)DOM更新，當(dāng)我們不在需要vue操縱DOM時(shí)，就需要銷毀Vue，也就是清除vue實(shí)例與DOM的關(guān)聯(lián)，調(diào)用destroy方法可以銷毀當(dāng)前組件。在銷毀前，會(huì)觸發(fā)beforeDestroy鉤子函數(shù)。

8、銷毀后（destroyed）

對(duì)應(yīng)的鉤子函數(shù)是destroyed。在銷毀后，會(huì)觸發(fā)destroyed鉤子函數(shù)。

vue的生命周期的思想貫穿在組件開(kāi)發(fā)的始終，通過(guò)熟悉其生命周期調(diào)用不同的鉤子函數(shù)，我們可以準(zhǔn)確地控制數(shù)據(jù)流和其對(duì)DOM的影響；vue生命周期的思想是Vnode和MVVM的生動(dòng)體現(xiàn)和繼承。

關(guān)于“vue生命周期指的是什么”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。