Vue生命週期八大鉤子函式

2021-10-09 23:51:22 字數 859 閱讀 1365

方法名

含義beforecreate

在資料初始化的之前被呼叫,這時候data和methods還沒有資料。

created

在資料初始化之後被呼叫,這時候data和methods有了相應的資料。

beforemount

頁面尚未被渲染時使用,就是vue的資料還沒有傳到頁面。

mounted

頁面渲染完成之後使用,也就是此時頁面已完全取出vue中的資料。

beforeupdate

data資料更新前。

updated

data資料更新。

beforedestroy

元件銷毀之前。

destroyed

元件摧毀之後。

vue探索 八大週期鉤子函式

首先是官方文件上的 下面是執行順序 1,beforecreate 此鉤子函式發生在例項建立之前,此時data,el,methods未初始化,觀測資料和事件初始化完成,2,created 此鉤子函式data,methods資料初始化 el未初始化 3,beforemount 此鉤子函式內就運用了dom...

vue生命週期,鉤子函式

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

vue 生命週期(鉤子函式)

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