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

你對Vue生命周期的理解？

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

Vue組件如何通信？

Vue組件通信的方法如下:

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

EventBus: 通過EventBus進行信息的發(fā)布與訂閱；

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

$attrs $listeners: Vue2.4中加入的$attrs/$listeners可以進行跨級的組件通信；

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

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

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

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

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

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

Vue中的key到底有什么用？

key是為Vue中的vnode標記的唯一id,通過這個key,我們的diff操作可以更準確、更快速。

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

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

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

computed:

computed是計算屬性,也就是計算值,它更多用于計算值的場景；

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

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

watch:

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

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

　　當然，根據(jù)企業(yè)中對web前端人才的崗位職責(zé)規(guī)定不同，面試考察的重點也不盡相同。如果你想了解更多web前端面試題或掌握更多面試技巧，可以關(guān)注“好程序員”，定期發(fā)布技術(shù)熱點和求職指導(dǎo)文章，助力你更快更好的求職。

總結(jié)

以上是生活随笔為你收集整理的vue 给取data值_web前端教程分享Vue相关面试题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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