首先是官方文件上的** 下面是執行順序
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狀...