vue的生命週期和鉤子函式

2021-10-05 09:55:44 字數 609 閱讀 9003

vue的生命週期是乙個元件從建立到銷毀的全過程。這個過程包括4個階段,8個函式。也叫8個鉤子函式。

1.建立期

beforecreate,created。

在created後面一般會調取介面來獲取資料。但是由於在這個時候我們的頁面掛載節點還沒有生成。所以不能再頁面顯示。

2.掛載期

beforemount mounted

在mounted載入完成之後,會生成頁面掛載結點。在該鉤子函式執行了之後才能在頁面載入出那些從後端獲取的資料。

beforecreate,created,beforemount mounted這個函式只會執行一次。

3.更新期

beforeupdate,updated

這兩個步驟是用來更新資料的。也就是data改變時出發。這個就可以執行多次了。

4.銷毀期

beforedestory,destoryed

這兩個步驟是用來銷毀元件的

這裡需要重點掌握created和mounted就行了,其餘的我反正沒怎麼用過。

vue生命週期,鉤子函式

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

vue 生命週期(鉤子函式)

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

vue生命週期鉤子函式

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