vue生命週期

爱吃饭团發表於2024-04-23
Vue

生命週期
1 是什麼：Vue在關鍵時刻幫我們調研員的一些特殊名稱的函式
2 生命週期的函式名字是不可更改
3 生命週期函式的this指向是vm或元件的例項物件

  1. created 鉤子函式

created 鉤子函式在例項被建立之後立即呼叫，此時元件例項已經完成了資料觀測、屬性和方法的運算，但是尚未掛載到 DOM 中。
在 created 鉤子函式中，可以訪問元件例項的資料、方法和屬性，但無法訪問元件的 DOM 元素。
適合進行一些資料初始化的操作、非同步請求資料、監聽事件等。

  1. mounted 掛載
    Vue完成模版的解析並把初始的真實DOM元素放入頁面後(掛載完畢)呼叫mounted
    頁面中呈現的是經過Vue編譯的DOM。
    對DOM的操作均有效但儘量避免
    一般在此進行:開啟定時器、傳送網路請求、訂閱訊息、繫結自定義事件、進行 DOM 操作、訪問 DOM 元素、呼叫第三方庫等初始化操作

  2. updated 更新

  3. beforeDestroy 銷燬
    vm中的所有：data、method、指令等，都處於可用狀態，馬上要執行銷燬過程
    一般再次進行：關閉定時器、取消訂閱事件、解除自定義事件等收尾操作

相關文章