什么是生命周期:
Vue實例有一個完整的生命周期蹬屹,也就是從開始創(chuàng)建吱肌、初始化數據、編譯模板古徒、掛載Dom、渲染→更新→渲
染、卸載等一系列過程,我們稱這是Vue的生命周期块茁。通俗說就是Vue實例從創(chuàng)建到銷毀的過程,就是生命周
期桂肌。
特別值得注意的是created鉤子函數和mounted鉤子函數的區(qū)別
1>.new Vue()創(chuàng)建Vue對象
2>.beforeCreate() -----創(chuàng)建vue實例前的鉤子函數数焊,(可以在這加個loading事件 )
3>.created() -----實例創(chuàng)建完成之后的鉤子函數,(在這結束loading崎场,還做一些初始化佩耳,實現函數自執(zhí)行 )
4>.beforeMount() ----- 開始掛載編譯生成的html到對應的位置時觸發(fā)的鉤子函數,此時還沒有將編譯出的html渲染到頁面上
5>.mounted() ----- 將編譯好的html掛載到頁面完成后執(zhí)行的鉤子函數谭跨,此時可以進行發(fā)送ajax請求獲取
數據的操作干厚,進行數據初始化。注意:mounted()在整個實例生命內只執(zhí)行一次
6>.beforeUpdated() -----數據更新時調用螃宙,發(fā)生在虛擬DOM重新渲染和打補丁之前蛮瞄。
7>.update() -----數據修改,重新渲染DOM之后調用改鉤子谆扎。當鉤子被調用時挂捅,DOM結構已經被更新,所以在鉤子中可以執(zhí)行依賴的DOM操作堂湖。
8>.beforeDestory() ----- 實例銷毀前調用的鉤子函數
14>.destoryed() ----- Vue實例銷毀后闲先,調用周瞎。(當前組件已被刪除,清空相關內容)