Vue 的生命周期函數(shù)分為 8 個(gè)階段:
beforeCreate:實(shí)例創(chuàng)建之前執(zhí)行,此時(shí)對數(shù)據(jù)和事件的監(jiān)聽都尚未開始。
created:實(shí)例已經(jīng)創(chuàng)建完成后執(zhí)行,此時(shí)已經(jīng)可以訪問實(shí)例中的數(shù)據(jù)和方法。
beforeMount:模板編譯之前執(zhí)行,此時(shí)模板中的數(shù)據(jù)和事件完成綁定。
mounted:模板編譯之后執(zhí)行,此時(shí)模板已經(jīng)渲染到 HTML 中,可以進(jìn)行 DOM 操作。
beforeUpdate:數(shù)據(jù)更新之前執(zhí)行,此時(shí)可以針對更新前的狀態(tài)進(jìn)行一些操作。
updated:數(shù)據(jù)更新之后執(zhí)行,此時(shí)可以對更新后的狀態(tài)進(jìn)行一些操作。
beforeDestroy:實(shí)例銷毀之前執(zhí)行,此時(shí)實(shí)例仍然可以訪問。
destroyed:實(shí)例銷毀之后執(zhí)行,此時(shí)實(shí)例中所有的數(shù)據(jù)和方法都已經(jīng)被銷毀,無法訪問。
其中,前兩個(gè)階段是實(shí)例創(chuàng)建階段,中間兩個(gè)階段是模板渲染階段,后三個(gè)階段是實(shí)例銷毀階段。在生命周期函數(shù)中,我們可以對實(shí)例的狀態(tài)進(jìn)行監(jiān)測,也可以進(jìn)行一些數(shù)據(jù)和方法的操作。