vue前端面試題

又到了一年一次的面試了,前段時間看到面試題诅需,感覺自己好像只知道怎么做漾唉,卻真的不了解vue,哎堰塌,不得說自己真的能力有限毡证,基礎(chǔ)不結(jié)實,話不多說蔫仙,下面就是自己看到網(wǎng)上vue面試題,找到的答案

1.??vue生命周期是什么丐箩?vue生命周期詳解

vue生命周期是什么摇邦?

Vue生命周期是指vue實例對象從創(chuàng)建之初到銷毀的過程,vue所有功能的實現(xiàn)都是圍繞其生命周期進行的屎勘,在生命周期的不同階段調(diào)用對應(yīng)的鉤子函數(shù)可以實現(xiàn)組件數(shù)據(jù)管理和DOM渲染兩大重要功能施籍。

vue生命周期可以分為八個階段

beforeCreate(創(chuàng)建前)、created(創(chuàng)建后)概漱、

beforeMount(載入前)丑慎、mounted(載入后)、

beforeUpdate(更新前)、updated(更新后)竿裂、

beforeDestroy(銷毀前)玉吁、destroyed(銷毀后)

1、創(chuàng)建前(beforeCreate)

對應(yīng)的鉤子函數(shù)為beforeCreate腻异。此階段為實例初始化之后进副,此時的數(shù)據(jù)觀察和事件機制都未形成,不能獲得DOM節(jié)點悔常。

2影斑、創(chuàng)建后(created)

對應(yīng)的鉤子函數(shù)為created。在這個階段vue實例已經(jīng)創(chuàng)建机打,仍然不能獲取DOM元素矫户。

3、載入前(beforeMount)

對應(yīng)的鉤子函數(shù)是beforemount残邀,在這一階段皆辽,我們雖然依然得不到具體的DOM元素,但vue掛載的根節(jié)點已經(jīng)創(chuàng)建罐旗,下面vue對DOM的操作將圍繞這個根元素繼續(xù)進行膳汪;beforeMount這個階段是過渡性的,一般一個項目只能用到一兩次九秀。

4遗嗽、載入后(mounted)

對應(yīng)的鉤子函數(shù)是mounted。mounted是平時我們使用最多的函數(shù)了鼓蜒,一般我們的異步請求都寫在這里痹换。在這個階段,數(shù)據(jù)和DOM都已被渲染出來都弹。

5娇豫、更新前(beforeUpdate)

對應(yīng)的鉤子函數(shù)是beforeUpdate。在這一階段畅厢,vue遵循數(shù)據(jù)驅(qū)動DOM的原則冯痢;beforeUpdate函數(shù)在數(shù)據(jù)更新后雖然沒立即更新數(shù)據(jù),但是DOM中的數(shù)據(jù)會改變框杜,這是Vue雙向數(shù)據(jù)綁定的作用浦楣。

6、更新后(updated)

對應(yīng)的鉤子函數(shù)是updated咪辱。在這一階段DOM會和更改過的內(nèi)容同步振劳。

7、銷毀前(beforeDestroy)

對應(yīng)的鉤子函數(shù)是beforeDestroy油狂。在上一階段vue已經(jīng)成功的通過數(shù)據(jù)驅(qū)動DOM更新历恐,當(dāng)我們不在需要vue操縱DOM時寸癌,就需要銷毀Vue,也就是清除vue實例與DOM的關(guān)聯(lián)弱贼,調(diào)用destroy方法可以銷毀當(dāng)前組件蒸苇。在銷毀前,會觸發(fā)beforeDestroy鉤子函數(shù)哮洽。

8填渠、銷毀后(destroyed)

對應(yīng)的鉤子函數(shù)是destroyed。在銷毀后鸟辅,會觸發(fā)destroyed鉤子函數(shù)氛什。

vue的生命周期的思想貫穿在組件開發(fā)的始終,通過熟悉其生命周期調(diào)用不同的鉤子函數(shù)匪凉,我們可以準(zhǔn)確地控制數(shù)據(jù)流和其對DOM的影響枪眉;vue生命周期的思想是Vnode和MVVM的生動體現(xiàn)和繼承。

參考地址:https://www.php.cn/js-tutorial-412302.html

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

(1)根實例的加載相關(guān)的生命周期(beforeCreate再层、created贸铜、beforeMount、mounted)

(2)組件實例的加載相關(guān)的生命周期(beforeCreate聂受、created蒿秦、beforeMount、mounted)

(3)全局路由勾子(router.beforeEach)

(4)組件路由勾子(beforeRouteEnter)

(5)組件路由勾子的next里的回調(diào)(beforeRouteEnter)

(6)指令的周期(bind,inserted)

(7)nextTick方法的回調(diào)

參考地址:https://blog.csdn.net/luo_tianhong/article/details/79552721

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蛋济,一起剝皮案震驚了整個濱河市棍鳖,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌碗旅,老刑警劉巖渡处,帶你破解...
    沈念sama閱讀 217,185評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異祟辟,居然都是意外死亡医瘫,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評論 3 393
  • 文/潘曉璐 我一進店門旧困,熙熙樓的掌柜王于貴愁眉苦臉地迎上來醇份,“玉大人,你說我怎么就攤上這事吼具”环迹” “怎么了?”我有些...
    開封第一講書人閱讀 163,524評論 0 353
  • 文/不壞的土叔 我叫張陵馍悟,是天一觀的道長。 經(jīng)常有香客問我剩晴,道長锣咒,這世上最難降的妖魔是什么侵状? 我笑而不...
    開封第一講書人閱讀 58,339評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮毅整,結(jié)果婚禮上趣兄,老公的妹妹穿的比我還像新娘。我一直安慰自己悼嫉,他們只是感情好艇潭,可當(dāng)我...
    茶點故事閱讀 67,387評論 6 391
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著戏蔑,像睡著了一般蹋凝。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上总棵,一...
    開封第一講書人閱讀 51,287評論 1 301
  • 那天鳍寂,我揣著相機與錄音,去河邊找鬼情龄。 笑死迄汛,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的骤视。 我是一名探鬼主播鞍爱,決...
    沈念sama閱讀 40,130評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼专酗!你這毒婦竟也來了睹逃?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,985評論 0 275
  • 序言:老撾萬榮一對情侶失蹤笼裳,失蹤者是張志新(化名)和其女友劉穎唯卖,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體躬柬,經(jīng)...
    沈念sama閱讀 45,420評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡拜轨,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,617評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了允青。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片橄碾。...
    茶點故事閱讀 39,779評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖颠锉,靈堂內(nèi)的尸體忽然破棺而出法牲,到底是詐尸還是另有隱情,我是刑警寧澤琼掠,帶...
    沈念sama閱讀 35,477評論 5 345
  • 正文 年R本政府宣布拒垃,位于F島的核電站,受9級特大地震影響瓷蛙,放射性物質(zhì)發(fā)生泄漏悼瓮。R本人自食惡果不足惜戈毒,卻給世界環(huán)境...
    茶點故事閱讀 41,088評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望横堡。 院中可真熱鬧埋市,春花似錦、人聲如沸命贴。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽胸蛛。三九已至污茵,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間胚泌,已是汗流浹背省咨。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留玷室,地道東北人零蓉。 一個月前我還...
    沈念sama閱讀 47,876評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像穷缤,于是被迫代替她去往敵國和親敌蜂。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,700評論 2 354

推薦閱讀更多精彩內(nèi)容