Vue的生命週期鉤子函式

2022-08-30 19:21:11 字數 527 閱讀 9124

1、beforecreate():元件例項剛剛被建立 (el和data並未初始化)

2、created():元件建立完成,屬性已繫結,但dom還未生成,$el屬性還不存在 (完成data資料的初始化),: 例項已經建立完成之後呼叫,在這一步,例項已經完成資料觀測, 屬性和方法的運算, watch/event事件**. 然而, 掛載階段還沒有開始, $el屬性目前還不可見。

3、beforemount():模板編譯/掛載之前 (完成了el和data初始化)

4、mounted():模板編譯/掛載之後 (完成掛載),el被新建立的 vm.$el 替換,並掛載到例項上去之後呼叫該鉤子。如果 root 例項掛載了乙個 文件內元素,當 mounted 被呼叫時 vm.$el 也在文件內。

5、beforeupdate():元件更新之前

6、updated():元件更新之後

7、beforedestroy():元件銷毀之前

8、destroyed():元件銷毀之後,

9、activated: keep-alive元件啟用時呼叫

vue生命週期,鉤子函式

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

vue 生命週期(鉤子函式)

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

vue生命週期鉤子函式

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