生命周期鉤子=生命周期函數=生命周期事件
根據生命周期的不同分為三類:
創建階段的生命周期
運行階段的生命周期
銷毀階段的生命周期
對于生命周期來
創建階段的生命周期
1556355935136.png
1556356286845.png
beforeCreate()方法是在實例還沒有別完全創建出來之前執行,這個方法執行的時候,無論是data中的數據還是methods中的方法都沒有被初始化
created()方法是此時已經初始化好了Vue對象,這是最早能操作data中數據和methods中方法的地方
beforeMount()這是指該模板已經在內存中編輯完成,但是尚未將其渲染到頁面中去,在該方法執行期間,頁面中的元素還沒有經過Vue的渲染,此時的{{msg}}仍然是一個“{{msg}}”
mounted(),表示內存中的模板已經渲染到頁面中去,這個時候數據已經可以經過Vue的編譯,該函數是實例創建的最后一個函數,此時實例已經完全創建好了,如果沒有別的操作的話,此函數就靜靜躺在內存中,如果要使用某些插件操作頁面上的DOM,最早要在mount中操作
1556355963015.png
1556356136544.png
1556356669684.png
運行階段的生命周期
1556357252424.png
這兩個事件,會根據data數據的改變選擇性的觸發0次或者多次
1556356994653.png
beforeUpdate()事件執行的時候,頁面中顯示的數據并沒有更新,但是內存中的數據已經改變,也就是說此時頁面尚未和最新的數據保持同步
1556357185235.png
update()事件執行的時候,頁面中的數據已經和內存中保持一致了,也就是說此時已經是最新的了
1556357252424.png
銷毀階段的生命周期
1556357373618.png
完整的生命周期方法