1.什么是生命周期?有什么作用?

每一個vue實例在創(chuàng)建時都要經(jīng)歷一系列的初始化過程-----例如需要設(shè)置監(jiān)聽,編譯模板,將實例掛載到dom并在數(shù)據(jù)發(fā)生變化時更新dom等等.同時這個時候也會運行一些生命周期鉤子的函數(shù),這些函數(shù),給用戶在不同階段添加代碼的機會.例如:如果需要某些插件操作dom節(jié)點,如果想在頁面渲染之后彈出廣告,那我們們最早可以再mounted中進行.

2.第一次加載頁面會觸發(fā)哪幾個鉤子?

beforeCreate created beforeMount mounted

3.簡述每個周期應(yīng)用于哪個場景?

beforeCreate:在new一個實例后,只有一些默認的生命鉤子和默認事件,其他的東西還沒有創(chuàng)建,在beforeCreate生命周期執(zhí)行時,data和methods中的數(shù)據(jù)還沒有初始化,不能在這個階段使用data中的數(shù)據(jù)和methods的方法.

created:data和methods中的數(shù)據(jù)都已經(jīng)初始化好了,如果調(diào)用methods中的方法和操作data中的數(shù)據(jù)最早在這個階段進行.

beforeMount:執(zhí)行這個鉤子事,內(nèi)存中已經(jīng)編譯好了模板,但是還沒有掛載到頁面中,此時的頁面還是舊的

mounted:執(zhí)行到這個鉤子時,說明vue實例已經(jīng)初始化完成,此時組件脫離了創(chuàng)建階段進入到了運行階段,如果需要某些插件操作dom節(jié)點,那我們們最早可以再mounted中進行

beforeUpdate:當(dāng)執(zhí)行這個鉤子時,頁面還是舊的,data中的數(shù)據(jù)是更新后的,但是頁面的數(shù)據(jù)和data中的數(shù)據(jù)還沒有同步.

updated:頁面和data中的數(shù)據(jù)保持同步,頁面是新的了.

beforeDestory:vue實例開始從運行階段進入銷毀階段,這時,data和methods,指令,過濾器.......都是可用的,還沒有真正銷毀.

destoryed:這時,data和methods,指令,過濾器.......都是不可用的,組件已經(jīng)被銷毀了.

4.created和mounted的區(qū)別

created在模板渲染成html前調(diào)用,即通常初始化某些屬性值,然后在渲染成視圖.

mounted在模板渲染成html后調(diào)用,通常是頁面初始化之后,再對dom節(jié)點進行操作時.

5.vue在哪個生命周期獲取數(shù)據(jù)?

一般created/beforeMount/mounted都可以

總結(jié)

本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!

最新評論