Web前端重點(diǎn)技能是什么？Vue相關(guān)面試題有哪些？Vue是一套構(gòu)建用戶界面的漸進(jìn)式框架，具有簡單易用、性能好、前后端分離等優(yōu)勢，是Web前端工程師工作的好幫手，也是企業(yè)選拔人才時(shí)考察的重點(diǎn)技能。接下來千鋒小編就給大家分享一些Vue相關(guān)的面試題，幫助大家提升競爭力。

你對Vue生命周期的理解?

Vue實(shí)例有一個(gè)完整的生命周期，也就是從開始創(chuàng)建、初始化數(shù)據(jù)、編譯模版、掛載Dom -> 渲染、更新 -> 渲染、卸載等一系列過程，我們稱這是Vue的生命周期。

Vue組件如何通信?

Vue組件通信的方法如下:

props $emit+v?on:通過props將數(shù)據(jù)自上而下傳遞，而通過$emit和v-on來向上傳遞信息。

EventBus: 通過EventBus進(jìn)行信息的發(fā)布與訂閱;

vuex: 是全局?jǐn)?shù)據(jù)管理庫，可以通過vuex管理全局的數(shù)據(jù)流;

$attrs $listeners:Vue2.4中加入的$attrs/$listeners可以進(jìn)行跨級的組件通信;

provide/inject：以允許一個(gè)祖先組件向其所有子孫后代注入一個(gè)依賴，不論組件層次有多深，并在起上下游關(guān)系成立的時(shí)間里始終生效，這成為了跨組件通信的基礎(chǔ)。

Vue如何實(shí)現(xiàn)雙向綁定?

利用Object.defineProperty劫持對象的訪問器,在屬性值發(fā)生變化時(shí)我們可以獲取變化,然后根據(jù)變化進(jìn)行后續(xù)響應(yīng),在vue3.0中通過Proxy代理對象進(jìn)行類似的操作。

如何理解Vue的響應(yīng)式系統(tǒng)的?

響應(yīng)式系統(tǒng)簡述:任何一個(gè) Vue Component都有一個(gè)與之對應(yīng)的Watcher實(shí)例。Vue的data上的屬性會被添加getter和setter屬性。當(dāng)Vue Component render函數(shù)被執(zhí)行的時(shí)候,data上會被 觸碰(touch),即被讀, getter方法會被調(diào)用, 此時(shí)Vue會去記錄此Vue component所依賴的所有data。(這一過程被稱為依賴收集)

data被改動(dòng)時(shí)(主要是用戶操作),即被寫,setter方法會被調(diào)用, 此時(shí)Vue會去通知所有依賴于此data的組件去調(diào)用他們的render函數(shù)進(jìn)行更新。

Vue中的key到底有什么用?

key是為Vue中的vnode標(biāo)記的唯一id,通過這個(gè)key,我們的diff操作可以更準(zhǔn)確、更快速。

準(zhǔn)確: 如果不加key,那么vue會選擇復(fù)用節(jié)點(diǎn)(Vue的就地更新策略),導(dǎo)致之前節(jié)點(diǎn)的狀態(tài)被保留下來,會產(chǎn)生一系列的bug。

快速: key的唯一性可以被Map數(shù)據(jù)結(jié)構(gòu)充分利用,相比于遍歷查找的時(shí)間復(fù)雜度O(n),Map的時(shí)間復(fù)雜度僅僅為O(1)。

computed和watch有什么區(qū)別?

computed:

computed是計(jì)算屬性,也就是計(jì)算值,它更多用于計(jì)算值的場景;

computed具有緩存性,computed的值在getter執(zhí)行后是會緩存的，只有在它依賴的屬性值改變之后，下一次獲取computed的值時(shí)才會重新調(diào)用對應(yīng)的getter來計(jì)算;

computed適用于計(jì)算比較消耗性能的計(jì)算場景。

watch:

更多的是「觀察」的作用,類似于某些數(shù)據(jù)的監(jiān)聽回調(diào),用于觀察props $emit或者本組件的值,當(dāng)數(shù)據(jù)變化時(shí)來執(zhí)行回調(diào)進(jìn)行后續(xù)操作;

無緩存性，頁面重新渲染時(shí)值不變化也會執(zhí)行。

當(dāng)然，根據(jù)企業(yè)中對Web前端人才的崗位職責(zé)規(guī)定不同，面試考察的重點(diǎn)也不盡相同。如果你想了解更多Web前端面試題或掌握更多面試技巧，可以專業(yè)學(xué)習(xí)一下，為自己搭建一個(gè)職場高起點(diǎn)!

本文來自千鋒教育，轉(zhuǎn)載請注明出處。

總結(jié)

以上是生活随笔為你收集整理的Vue相关面试题及答案分享的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。