vue 提供生命周期鉤子，在組件生命周期中執行任務。這些鉤子按順序觸發，包括：beforecreate：實例化組件前觸發。created：組件實例創建后觸發。beforemount：組件掛載到 dom 前觸發。mounted：組件掛載到 dom 后觸發。beforeupdate：組件 props 或 data 改變前觸發。updated：組件更新后觸發。beforedestroy：組件銷毀前觸發。destroyed：組件銷毀后觸發。
Vue 生命周期
Vue.js 提供了一個生命周期鉤子系統，用于在組件的生命周期中執行特定任務。這些鉤子可以幫助你管理組件狀態、執行副作用和響應用戶交互。
Vue 生命周期階段
Vue 的生命周期包括以下階段：
beforeCreate：創建組件實例之前觸發。
created：組件實例已創建，但尚未掛載。
beforeMount：組件已掛載到 DOM 之前觸發。
mounted：組件已成功掛載到 DOM。
beforeUpdate：組件的 props 或 data 發生變化之前觸發。
updated：組件已更新。
beforeDestroy：組件被銷毀之前觸發。
destroyed：組件已被銷毀。
生命周期鉤子的作用
每個生命周期鉤子都有特定的作用：
beforeCreate：
設置默認數據和屬性。
注冊方法。
created：
發起 HTTP 請求以獲取數據。
訂閱事件。
beforeMount：
操作 DOM 元素（例如，添加事件監聽器）。
延遲操作，直到組件掛載后才進行。
mounted：
組件已掛載到 DOM，可以與用戶進行交互。
訪問 DOM 元素。
beforeUpdate：
響應屬性或數據更改。
更新內部狀態。
updated：
對更新后的 DOM 元素進行操作。
觸發其他操作。
beforeDestroy：
取消 HTTP 請求。
取消訂閱事件。
清理內存占用。
destroyed：
銷毀組件實例。
釋放所有資源。
