vue生命週期相關面試題

2022-07-08 05:27:12 字數 1018 閱讀 2121

生命總共分為8個階段建立前/後、載入前/後、更新前/後、銷毀前/後

建立前/後:

在beforecreate階段,vue例項的掛載元素el和資料物件data都為undefined,還未初始化。

在created階段,vue例項的資料data有了,el還沒有

載入前/後

在beforemount階段,vue例項的$el和data都初始化了,但還沒有掛載之前都是虛擬的demo階段,data.message還未替換.

在mounted階段,vue例項掛載完後,data.message成功渲染.

更新前/後:當data變化時,戶觸發beforeupdate和update方法。

銷毀前/後

在執行destroy方法後,對data的改變不會再觸發週期函式,說明此時vue例項已經結束了事件監聽以及和dom的繫結,但是dom結構依然存在。

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

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

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

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

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

created:例項已經建立完成之後呼叫,在這一步,例項已經完成資料觀測、屬性和方法的運算,watch、event事件**,然而,掛載階段還沒有開始,$el屬性目前還不可見

mounted:el被新建立的vm.$el替換,並掛載到例項上去之後呼叫該鉤子,如果root例項掛在了乙個文件內元素,當mounted被呼叫時vm.$el也在文件內。

activated:keep-alive元件啟用時呼叫

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

vue生命週期面試題

1 什麼是vue生命週期?答 vue 例項從建立到銷毀的過程,就是生命週期。也就是從開始建立 初始化資料 編譯模板 掛載dom 渲染 更新 渲染 解除安裝等一系列過程,我們稱這是 vue 的生命週期。2 vue生命週期的作用是什麼?答 它的生命週期中有多個事件鉤子,讓我們在控制整個vue例項的過程時...

vue生命週期面試題

什麼是vue生命週期?vue生命週期的作用是什麼?vue生命週期總共有幾個階段?1 什麼是vue生命週期?答 vue 例項從建立到銷毀的過程,就是生命週期。也就是從開始建立 初始化資料 編譯模板 掛載dom 渲染 更新 渲染 解除安裝等一系列過程,我們稱這是 vue 的生命週期。2 vue生命週期的...

vue生命週期(面試題)

1 什麼是vue生命週期?vue例項從建立到銷毀的過程,就是vue的生命週期。也就是從開始建立 初始化資料 編譯模板 掛載dom 渲染 更新 渲染 解除安裝等一系列過程,我們稱這是vue的生命週期。2 vue生命週期的作用是什麼?它的生命週期中有多個事件鉤子,讓我們在控制整個vue例項的過程時更容易...