生命總共分為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例項的過程時更容易...