vue的 生命週期鉤子函式有哪些,作用分別是什麼?

2021-09-28 20:35:11 字數 883 閱讀 7125

一.什麼是vue的生命週期?

就是 從 vue例項或者元件 從 建立到使用 最後銷毀的 這個過程 叫做vue的 生命週期函式。

二.vue的什麼函式都有哪些,作用分別是什麼呢?

1. beforecreate函式:

在例項初始化後被呼叫 ,這個時候的this 不能用,在data中的資料 methods的方法 還有 watch中的事件 都獲取不到

2.created函式:

例項已經建立完成了,例項物件已經完成了,這時候可以訪問 data 中的 資料 以及 methods中的方法和 watch 中的事件了,但是 不能操作 dom 節點

掛載階段。

3.beforemounte:

在掛載開始前被呼叫 render函式 第一次被呼叫

4.mounted:

掛載完畢 ,這時候可以使用 dom 節點 ,一些需要dom的操作這時候才可以進行

5.beforeupdate

元件更新前 也就是說 資料 更新了 但是vue中的元件(事件)對應dom 內部中的資料沒有變 所以說叫做元件更新前

6.updated

元件更新完成之後的操作

ue中的元件(事件)已經對應dom 內部中的資料了

7.beforedestroy

例項銷毀之前呼叫 ,在 這個時候例項還是可以用的

8.destroy

摧毀階段 vue的 生命週期結束 ,例項 不能用了

vue生命週期,鉤子函式

一 vue生命週期簡介 咱們從上圖可以很明顯的看出現在vue2.0都包括了哪些生命週期的函式了,總結一下,對官方文件的那張圖簡化一下,就得到了這張圖。二 生命週期 對於執行順序和什麼時候執行,看上面圖基本有個了解了。下面我們將結合 去看看鉤子函式的執行。鉤子函式 1.create 和 mounted...

vue 生命週期(鉤子函式)

new vue 例項物件,下一步進入beforcreate 狀態 當使用new vue 建立物件之前,執行的事件 這裡可以做載入動畫 下一步,進入created 然後,他會檢測是否有el屬性,如果有在檢測template屬性型別,是一段渲染的函式還是一段html 然後就進入了beforemount狀...

vue生命週期鉤子函式

什麼是生命週期?vue中的生命週期指的是 元件 從建立到銷毀乙個過程,在這個過程中,我們在每乙個特定的階段會觸發一些方法 這些方法具備一些功能 我們給這些方法起了個名字叫做 生命週期鉤子函式 元件鉤子 為什麼要學習生命週期?因為我們想在生命週期鉤子中實現專案功能,那麼我們必須知道每乙個鉤子函式的具體...