vue生命週期的理解

2021-10-06 03:49:19 字數 665 閱讀 7679

vue 例項從建立到銷毀的過程,就是生命週期。也就是從開始建立、初始化資料、編譯模板、掛載dom→渲染、更新→渲染、解除安裝等一系列過程,我們稱這是 vue 的生命週期

vue生命週期的作用是什麼?

它的生命週期中有多個事件鉤子,讓我們在控制整個vue例項的過程時更容易形成好的邏輯

vue生命週期總共有幾個階段?

它可以總共分為8個階段:建立前/後, 載入前/後,更新前/後,銷毀前/銷毀後

第一次頁面載入會觸發哪幾個鉤子?

第一次頁面載入時會觸發 beforecreate, created, beforemount, mounted 這幾個鉤子

dom渲染在哪個週期中就已經完成?

dom 渲染在 mounted 中就已經完成了

每個生命週期適合哪些場景?

生命週期鉤子的一些使用方法:

beforecreate : 可以在這加個loading事件,在載入例項時觸發

created : 初始化完成時的事件寫在這裡,如在這結束loading事件,非同步請求也適宜在這裡呼叫

mounted : 掛載元素,獲取到dom節點

updated : 如果對資料統一處理,在這裡寫上相應函式

beforedestroy : 可以做乙個確認停止事件的確認框

nexttick : 更新資料後立即操作dom

vue生命週期理解

關於vue面試,最常問到的就是vue的生命週期,也看過很多關於如何回答過這個問題的解答,自己也有所總結,就簡單寫寫自己的看法。首先我們先來到vue的官網看看他是如何解釋的vue官網對生命週期描述 主要就是體現在這個圖上 可以看出生命週期中有8個主要的鉤子函式,分別是 activated與deacti...

Vue 生命週期的理解

最近做了幾個vue的專案,寫寫對生命週期的理解,先看圖 這些圖是網路的,侵權必刪beforecreate 元件剛建立,資料和dom都未初始化,我們在beforecreate的時候千萬不要去修改data裡面賦值的資料,最早也要放在created裡面去做 新增一些行為此時的this,並不會指向例項物件 ...

vue生命週期的理解

vue有乙個完整的生命週期,是指從開始建立,初始化資料,編譯模板,掛載dom,渲染更新,銷毀一系列過程,我們稱這是vue的生命週期。通俗的講 vue的例項從建立到銷毀的過程就是vue的生命週期,同時在這個過程中也會執行一些叫做生命週期鉤子的函式,這給了使用者在不同階段新增自己 的機會 beforec...