1、先來一張圖

生命周期函數(shù).png

2、生命周期函數(shù)分類

1、創(chuàng)建期間的生命周期函數(shù)

beforeCreate()：實(shí)例剛在內(nèi)存中被創(chuàng)建出來，此時(shí)還沒有初始化data和methods屬性
create():實(shí)例已經(jīng)在內(nèi)存中創(chuàng)建OK，data和methods屬性已經(jīng)創(chuàng)建OK，此時(shí)還沒有開始編譯模版。
beforeMout():此時(shí)已經(jīng)完成了模版的編譯，但是還沒有掛載到頁面上去
mounted():此時(shí)已經(jīng)將編譯好到模版，掛載到頁面指定到容器中顯示

2、運(yùn)行期間到生命周期函數(shù)：

beforeUpdate():狀態(tài)更新之前執(zhí)行此函數(shù)，此時(shí)data 的狀態(tài)是最新的，但是頁面上的數(shù)據(jù)還是舊的，因?yàn)榇藭r(shí)還沒有開始重新渲染DOM節(jié)點(diǎn)
update():實(shí)例更新完畢之后調(diào)用此函數(shù)，此時(shí)data中的狀態(tài)值和界面上顯示的數(shù)據(jù)都已經(jīng)更新完畢，界面已經(jīng)被重新渲染好了

3、銷毀期間的生命周期函數(shù)

beforeDestory():實(shí)例銷毀之前調(diào)用，在這一步，實(shí)例仍然可用
destoryed():實(shí)例銷毀之后調(diào)用，調(diào)用之后，vue實(shí)例指示的所有東西都會(huì)解綁定，所有事件監(jiān)聽都會(huì)被移除，所有子實(shí)例都會(huì)別銷毀