vue 生命週期函式個人理解。

2021-09-05 15:34:38 字數 401 閱讀 7548

1 .beforecreate  : vue例項建立之前的準備工作 第乙個執行的函式。

2.created  :vue例項建立之後,此時可以給data進行資料賦值,但是vue還沒有掛載到頁面上。

3.beforemount  :vue例項掛載頁面之前,程式會判斷是否有el (通常建立vue例項的時候會指定)選項,若有則繼續編譯,無,則暫停生命週期;

4.mounted :vue例項掛在頁面之後,此時頁面已經渲染完成,vue例項也已經完全掛載到頁面上。也可以在此函式對data進行資料操作

5.beforeupdate:頁面更新之前。 程式實時監控資料變化

6.updated:頁面更新之後  實時更新dom

7.beforedestroy:例項銷毀之前

8.destroy:例項銷毀之後

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...