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