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