1、常用生命周期函數(shù)

生命周期函數(shù)就是vue實(shí)例在某一個(gè)時(shí)間點(diǎn)會(huì)自動(dòng)執(zhí)行的函數(shù)

生命周期： Vue是一個(gè)構(gòu)造函數(shù)，當(dāng)執(zhí)行執(zhí)行這個(gè)函數(shù)時(shí)，相當(dāng)于初始化vue實(shí)例；

在創(chuàng)建實(shí)例過(guò)程中，需要設(shè)置數(shù)據(jù)監(jiān)聽(tīng)，編譯模板，將實(shí)例掛載到DOM上，數(shù)據(jù)更新能夠讓DOM也更新，

在這個(gè)初始化，又會(huì)不同階段默認(rèn)調(diào)用一些函數(shù)執(zhí)行，這些函數(shù)就是生命周期的鉤子函數(shù)；

1、beforeCreate 剛剛初始化了一個(gè)vue空的實(shí)例對(duì)象，這時(shí)候，對(duì)象上，只有默認(rèn)的一些生命周期函數(shù)和默認(rèn)事件，data和methods中的數(shù)據(jù)還沒(méi)有被初始化。

2、created data和methods都已經(jīng)被初始化好了，如果調(diào)用methods中的方法和操作data中的數(shù)據(jù)最早只能在created中

3、beforeMount 這一步的時(shí)候，模版已經(jīng)在內(nèi)存中編譯好了，但是尚未掛載到頁(yè)面中去，此時(shí)，頁(yè)面還是舊的。

4、mounted 這一步 將內(nèi)存中編譯好的模版，替換到瀏覽器的頁(yè)面中去，如果需要操作頁(yè)面上的DOM元素最早需要再mounted中進(jìn)行。

5、beforeUpdated 這一步 頁(yè)面中顯示的數(shù)據(jù)還是舊的，但是data中的數(shù)據(jù)是最新的，頁(yè)面尚未更新。這里會(huì)先根據(jù)data中最新的數(shù)據(jù)，在內(nèi)存中，重新渲染出一份 最新的虛擬DOM樹(shù)，當(dāng)虛擬DOM樹(shù)跟新后，會(huì)把最新的虛擬DOM渲染到頁(yè)面中去。完成從model-》view的更新。

6、updated 這一步 頁(yè)面和打他數(shù)據(jù)已經(jīng)保持同步了，都是最新的。

組件的生命周期函數(shù)只有beforeUpdated和updated。

7、beforeDestroy 這一步 vue實(shí)例已經(jīng)從運(yùn)行階段進(jìn)入到銷(xiāo)毀階段，但是此時(shí)data和所有的methods，以及過(guò)濾器，指令還處于可用狀態(tài)，沒(méi)有真正的銷(xiāo)毀。

8、destroyed 此時(shí) 組件已經(jīng)完全被銷(xiāo)毀，此時(shí)data和methods，過(guò)濾器，指令都已經(jīng)不可用了。