1、先來一張圖

生命周期函數.png

2、生命周期函數分類

1、創建期間的生命周期函數

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

2、運行期間到生命周期函數：

beforeUpdate():狀態更新之前執行此函數，此時data 的狀態是最新的，但是頁面上的數據還是舊的，因為此時還沒有開始重新渲染DOM節點
update():實例更新完畢之后調用此函數，此時data中的狀態值和界面上顯示的數據都已經更新完畢，界面已經被重新渲染好了

3、銷毀期間的生命周期函數

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