出去面試简珠,面試官看到你的簡(jiǎn)歷上的項(xiàng)目經(jīng)驗(yàn)寫著使用Vue + Vue-router + Vuex。我相信虹钮,寫上這些會(huì)讓你簡(jiǎn)歷提升一個(gè)檔次聋庵,更會(huì)提升面試官對(duì)你好感。
接下來...
面試官:什么是vue生命周期芜抒,詳細(xì)說說你的理解珍策。
如果你只是簡(jiǎn)單羅列出這幾個(gè)鉤子函數(shù)的名稱托启,不具體深入闡述的話宅倒,你這樣的回答很難令面試官滿意。你可以直接把下面這張圖扔給面試官(哈哈哈屯耸,開個(gè)玩笑啦)拐迁。
這張圖是我從Vue官網(wǎng)上拷貝下來的,只要你能理解了這張圖疗绣,也就對(duì)Vue的生命周期有了一個(gè)大致的了解线召。
但是如何簡(jiǎn)短精干,條理清晰的解釋清楚vue生命周期多矮,從而讓面試官對(duì)你留下好印象呢缓淹?
vue生命周期總共分為8個(gè)階段 創(chuàng)建前/后,載入前/后塔逃,更新前/后讯壶,銷毀前/后。
創(chuàng)建/前后:在beforeCreated階段湾盗,vue實(shí)例的掛載元素el還沒有伏蚊。
在beforeCreated階段可以添加loading事件,在created階段發(fā)起后端請(qǐng)求格粪,拿回?cái)?shù)據(jù)
載入前/后:在beforeMount階段躏吊,vue實(shí)例的$el和data都初始化氛改,但是掛載之前為虛擬的dom節(jié)點(diǎn),data.message還未替換比伏,頁面無重新渲染胜卤。在mounted階段,vue實(shí)例掛載完成凳怨,data.message成功渲染瑰艘。
更新前/后:當(dāng)data變化時(shí),會(huì)觸發(fā)beforeUpdate和updated方法肤舞。
銷毀前/后:在執(zhí)行destroy方法后紫新,對(duì)data的改變不會(huì)再觸發(fā)周期函數(shù),說明此時(shí)vue實(shí)例已經(jīng)解除了事件監(jiān)聽以及和dom的綁定李剖,但是dom結(jié)構(gòu)依然存在芒率。
如果在面試中你能回答上這些一定會(huì)給面試官留下個(gè)好印象的。
祝所有面試的童鞋順利拿到心儀的offer篙顺!
喜歡的童鞋點(diǎn)贊+評(píng)論吧E忌帧!
^ _ ^