1.beforeCreat
第一個生命周期函數,表示實例在完全創建出來之前會執行它,在執行它時,data和methods中的數據都還未初始化。
2.created
第二個生命周期函數,此時data和methods已經初始化完成,created()完成之后,vue開始編譯模板,最終在內存中生成一個編譯好的最終模板字符串,然后把模板字符串渲染為內存中的dom
3.beforeMount
第三個生命周期函數,表示模板在內存中已經編譯好了,但是並沒有渲染到頁面中。頁面顯示的還僅僅是模板字符串
4.Mounted
第四個生命周期函數,此時內存中的模板已經真實的掛載到了頁面中,用戶可以看到渲染好的頁面了
運行中的兩個事件
beforeUpdated()
執行它時,data中的數據已經被更新了,但是頁面中的data還未被替換過來
updated()
執行它時,頁面和data中的數據已經同步了