Vue生命週期詳解
阿新 • • 發佈:2021-08-05
什麼是生命週期?
1.Vue例項從建立到銷燬的這一過程叫做vue的生命週期.
2.過程:開始建立—>初始化資料—>編輯模板—>掛載DOM($el)---->UI渲染—>資料更新---->解除安裝
Vue的生命週期分為四個階段
大家看這張圖:
生命週期四大階段:
1.初始化階段:
beforeCreate:例項剛建立完成,此時還沒有data和methods屬性
created:vue例項data和method屬性已經初始化完成,此時還沒有編譯模板
2.例項掛載階段
beforeMount:掛載前 模板編譯完成,此時e l 還 沒 有 掛 載 , el還沒有掛載,data目前可見
mounted:掛載完成後 模板編譯完成,$el掛載完成
3.資料更新階段
beforeUpdate: 資料更新時執行,data資料此時已經是最新的資料,UI介面還是舊的
updated:資料更新完成後,介面和data裡的資料此時都是最新的,完成的介面的更新渲染render
4.銷燬階段
銷燬前: beforeDestroy: 例項準備銷燬,此時data和methods方法都能用
銷燬後:destroyed: 例項銷燬完成,此時原先建立的例項方法和屬性都不可以屬性