Vue 生命週期函式在什麼時候會被呼叫

2021-10-10 19:59:53 字數 785 閱讀 9006

生命週期函式:就是 vue例項在某乙個時間點自動執行的函式。

1、activated函式

被 keep-alive 快取的元件啟用時呼叫。該鉤子在伺服器端渲染期間不被呼叫。

應用例項:提高效率,避免介面的重複呼叫,可以將元件包裹在內,包裹起的內容會被快取起來,不會再重新請求介面。

但是,如果想要改變被快取資料時,怎麼辦呢,這就用到了 a

ctivated函式。

activated () 

},

2、beforeupdate

/updated

函式

beforeupdate

函式會在資料更新時呼叫,發生在虛擬 dom 打補丁之前。這裡適合在更新之前訪問現有的 dom,比如手動移除已新增的事件***。

該鉤子在伺服器端渲染期間不被呼叫,因為只有初次渲染會在服務端進行。

也就是說:vue例項 $data 改變時,才會執行。

updated

函式由於資料更改導致的虛擬 dom 重新渲染和打補丁,在這之後會呼叫該鉤子。

注意updated不會保證所有的子元件也都一起被重繪。如果你希望等到整個檢視都重繪完畢,可以在updated裡使用 vm.$nexttick。

vue 生命週期函式

什麼是生命週期 從vue例項建立 執行 到銷毀期間,總是伴隨著各種各樣的事件,這些事件,統稱為生命週期!生命週期鉤子 就是生命週期事件的別名而已 生命週期鉤子 生命週期函式 生命週期事件 主要的生命週期函式分類 建立期間的生命週期函式 beforecreate 例項剛在記憶體中被建立出來,此時,還沒...

vue 生命週期函式

每個鉤子函式都在什麼時間觸發 1.beforecreate 在例項初始化之後,資料觀測 data observer 和 event watcher 事件配置之前被呼叫。2.created 3.beforemount 在掛載開始之前被呼叫 相關的 render 函式首次被呼叫。4.mounted el...

vue生命週期函式

從vue例項建立 執行到銷毀期間總會伴隨各種各樣的事件,這些事件統稱為生命週期。1 beforecreate 在beforecreate生命週期執行的時候,data和method中的資料都還沒有被初始化。2 ceated 在created中data和methods都已經初始化好了。3 beforem...