vue的生命週期函式

2022-07-25 18:06:20 字數 886 閱讀 7016

例項建立階段:

1. beforecreated:表示剛剛初始化了乙個空的vue例項物件,此時,物件身上只有預設的一些什麼週期函式和事件,其他的都還未建立。*此時data和methods中的資料還沒有初始化。

2. created:在created中,data和methods都已被初始化好了,如果要對methods或data進行操作(包括傳送資料請求等),最早在created中進行。

3. beforemount:次函式執行時,模板已經在記憶體中編譯好了,但是尚未掛載到頁面中去,即頁面資料還未更新。

4. mounted:這是例項建立期間的最後乙個生命週期函式,當執行完mounted就表示例項已經完全建立好了。若沒有其他操作,例項就放在記憶體中,不發生變化。如果要操作頁面上的dom節點,最早在mounted中進行。

執行階段:

5. beforeupdate:當執行到beforeupdate時,頁面顯示的資料還是舊的,但data中的資料是新的,兩者未保持同步。

6. updated:此事件執行時,頁面和data的資料都已被更新,兩者保持同步。

7. beforedestroy:此時,例項已經從執行階段進入到了銷毀階段,但例項身上的data、methods、過濾器、指令等都還處於可用階段。

8. destroyed:此時元件完全被銷毀。

vue 生命週期函式

什麼是生命週期 從vue例項建立 執行 到銷毀期間,總是伴隨著各種各樣的事件,這些事件,統稱為生命週期!生命週期鉤子 就是生命週期事件的別名而已 生命週期鉤子 生命週期函式 生命週期事件 主要的生命週期函式分類 建立期間的生命週期函式 beforecreate 例項剛在記憶體中被建立出來,此時,還沒...

vue 生命週期函式

每個鉤子函式都在什麼時間觸發 1.beforecreate 在例項初始化之後,資料觀測 data observer 和 event watcher 事件配置之前被呼叫。2.created 3.beforemount 在掛載開始之前被呼叫 相關的 render 函式首次被呼叫。4.mounted el...

vue生命週期函式

從vue例項建立 執行到銷毀期間總會伴隨各種各樣的事件,這些事件統稱為生命週期。1 beforecreate 在beforecreate生命週期執行的時候,data和method中的資料都還沒有被初始化。2 ceated 在created中data和methods都已經初始化好了。3 beforem...