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