前端vue面試題2020及答案

一、單項選擇題（每題2分，共10題）1.Vue實例的創(chuàng)建使用什么方法？A.newVue()B.createVue()C.VueInstance()2.Vue中響應式原理基于什么？A.Object.defineProperty()B.ProxyC.Reflect3.Vue組件之間通信，父組件向子組件傳值用什么？A.事件B.自定義指令C.props4.以下哪個是Vue生命周期鉤子函數(shù)？A.onReadyB.createdC.start5.Vue中計算屬性使用什么關鍵字定義？A.methodsB.computedC.watch6.路由在Vue項目中通過什么實現(xiàn)？A.VueRouterB.VuexC.Axios7.Vue模板語法中插值表達式用什么包裹？A.{{}}B.[]C.()8.Vue實例掛載到DOM節(jié)點使用什么方法？A.mount()B.attach()C.link()9.Vue中使用v-for指令循環(huán)數(shù)組，必須綁定什么？A.keyB.indexC.value10.Vue項目打包命令是？A.npmstartB.npmbuildC.npminstall二、多項選擇題（每題2分，共10題）1.以下屬于Vue組件通信方式的有（）A.propsB.$emitC.eventbusD.Vuex2.Vue生命周期鉤子函數(shù)包含（）A.beforeCreateB.mountedC.destroyedD.updated3.下列關于Vue計算屬性說法正確的是（）A.有緩存B.依賴數(shù)據(jù)更新時重新計算C.和methods功能一樣D.定義時用function4.Vue指令有（）A.v-bindB.v-onC.v-modelD.v-for5.Vuex中的模塊有（）A.stateB.mutationsC.actionsD.getters6.Vue項目構(gòu)建工具可以用（）A.vue-cliB.webpackC.gulpD.create-react-app7.以下哪些屬于Vue響應式數(shù)據(jù)劫持的局限性（）A.新增對象屬性不會自動響應式B.數(shù)組長度變化不會響應式C.直接修改數(shù)組長度不會響應式D.無法監(jiān)聽對象深層屬性變化8.Vue路由鉤子函數(shù)包含（）A.beforeEachB.beforeEnterC.afterEachD.beforeUpdate9.在Vue中使用第三方插件的步驟有（）A.安裝插件B.引入插件C.全局使用插件D.在組件內(nèi)單獨使用10.以下屬于Vue過渡效果類名的有（）A.v-enterB.v-enter-activeC.v-leaveD.v-leave-active三、判斷題（每題2分，共10題）1.Vue實例創(chuàng)建后不能再修改data中的數(shù)據(jù)。（）2.計算屬性的性能一定優(yōu)于methods中的方法。（）3.Vue組件中的data必須是一個函數(shù)。（）4.v-if和v-for同時使用時，v-for優(yōu)先級更高。（）5.Vuex適用于小型Vue項目狀態(tài)管理。（）6.Vue中自定義指令只能全局定義。（）7.路由守衛(wèi)可以用來進行權(quán)限驗證。（）8.Vue實例銷毀后，所有事件監(jiān)聽器和子實例也會被銷毀。（）9.只要數(shù)據(jù)發(fā)生變化，Vue就會立即更新DOM。（）10.Vue項目中可以使用CSSModules進行樣式管理。（）四、簡答題（每題5分，共4題）1.簡述Vue的響應式原理。答：通過Object.defineProperty()方法對數(shù)據(jù)對象的屬性進行劫持，當屬性值發(fā)生變化時，通知所有依賴該屬性的DOM進行更新。2.說明Vue組件通信的幾種方式。答：父傳子用props；子傳父用$emit觸發(fā)自定義事件；兄弟組件通信可用事件總線或Vuex；還有attrs和listeners實現(xiàn)跨級通信。3.簡述Vuex的作用及核心概念。答：Vuex用于集中管理Vue應用的所有組件的狀態(tài)。核心概念有state存儲狀態(tài)，mutations唯一修改state的地方，actions處理異步操作，getters類似計算屬性獲取state值。4.講一下Vue生命周期的幾個階段。答：分為beforeCreate（實例初始化）、created（數(shù)據(jù)觀測和event/watcher事件配置已完成）、beforeMount（模板編譯前）、mounted（掛載到DOM后）、beforeUpdate（數(shù)據(jù)更新前）、updated（數(shù)據(jù)更新后）、beforeDestroy（銷毀前）、destroyed（銷毀后）。五、討論題（每題5分，共4題）1.在Vue項目中，如何優(yōu)化性能？答：合理使用computed和watch；避免不必要的渲染，如使用key；使用keep-alive緩存組件；優(yōu)化CSS，減少重排重繪；對圖片進行壓縮處理等。2.對比Vue和其他前端框架的優(yōu)缺點。答：Vue優(yōu)點是上手簡單、輕量級、組件化強。缺點是生態(tài)相對React和Angular稍小。React生態(tài)豐富但學習曲線較陡；Angular功能全面但體積大、復雜度高。3.談談Vue中虛擬DOM的作用。答：虛擬DOM是輕量級的JavaScript對象，是真實DOM的抽象表示。它通過對比前后虛擬DOM的差異，將差異部分更新到真實DOM，減少DOM操作