vue探索 八大週期鉤子函式

2021-09-05 08:52:21 字數 353 閱讀 7061

首先是官方文件上的** 下面是執行順序

1,beforecreate():此鉤子函式發生在例項建立之前,此時data,el,methods未初始化,觀測資料和事件初始化完成,

2,created():此鉤子函式data,methods資料初始化;el未初始化

3,beforemount():此鉤子函式內就運用了dom虛擬技術 即是先佔位置 資料不更新 (操作dom時拿不到資料),el未初始化完成

4:mounted():例項掛載完成,

6:updated():檢視更新完成,

7:beforedestory():此時例項仍未銷毀,this可以使用

8:destoryed():例項銷毀完成,

Vue生命週期八大鉤子函式

方法名 含義beforecreate 在資料初始化的之前被呼叫,這時候data和methods還沒有資料。created 在資料初始化之後被呼叫,這時候data和methods有了相應的資料。beforemount 頁面尚未被渲染時使用,就是vue的資料還沒有傳到頁面。mounted 頁面渲染完成之...

vue生命週期,鉤子函式

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

vue 生命週期(鉤子函式)

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