Vue例項的生命週期

2021-10-23 12:35:52 字數 662 閱讀 1389

函式名稱

作用beforecreate

當vue例項剛在記憶體中創立觸發,但是只有一些預設的屬性和方法,此時vue的data和methods…屬性等都沒有宣告建立

created

當vue例項的method,data等屬性在記憶體中完成建立時觸發

beforemount

vue會根據使用者設定的data和指定的element來編譯渲染乙個模板,此方法是當模板在已經編譯建立,但是沒有掛載到dom中時觸發

mountd

當vue元件建立完成,頁面渲染完成時觸發

beforeupdate

當data資料改變時,但是頁面(dom)中的內容沒有改變之前觸發

updated

當data資料改變時,頁面(dom)中的內容發生改變之後觸發

beforedestory

當開始銷毀vue物件之前觸發,此時vue的所有方法和屬性都是存在的

destoryed

當vue元件物件被銷毀完成後觸發

vue例項生命週期

每個 vue 例項在被建立之前都要經過一系列的初始化過程。例如需要設定資料監聽 編譯模板 掛載例項到 dom 在資料變化時更新 dom 等。同時在這個過程中也會執行一些叫做生命週期鉤子的函式,給予使用者機會在一些特定的場景下新增他們自己的 beforecreate 在例項初始化之後,資料觀測和事件配...

Vue例項生命週期

vue例項在建立時有一系列的初始化步驟,例如建立資料觀察,編譯模板,建立資料繫結等。在此過程中,我們可以通過一些定義好的生命週期鉤子函式來執行業務邏輯。本文將詳細介紹vue例項的生命週期 下圖是vue例項生命週期的圖示 接下來,根據提供的生命週期鉤子,對vue例項各個階段的情況進行詳細說明 befo...

Vue 例項的生命週期

在vue中,每個例項都有自己的乙個完整的生命週期,包括開始建立 初始化資料 編譯模板 將例項掛載到dom 渲染 更新 渲染 解除安裝等一系列過程。同時在這個過程中也會執行一些叫做生命週期鉤子的函式,這樣我們就可以在例項生命週期的不同階段做一些需要做的事情。這裡可能會有個小疑惑,怎麼突然又說是vue例...