Vue基礎(chǔ)知識單選題100道及答案

Vue基礎(chǔ)知識單選題100道及答案1.Vue實例的創(chuàng)建使用的方法是（）A.createVueB.newVue()C.vueInstance()D.buildVue答案：B2.在Vue中，用于綁定HTML元素屬性的指令是（）A.v-bindB.v-onC.v-ifD.v-for答案：A3.Vue中，計算屬性使用的關(guān)鍵字是（）A.methodsB.computedC.watchD.data答案：B4.以下哪個是Vue中用于監(jiān)聽數(shù)據(jù)變化的選項（）A.dataB.methodsC.watchD.computed答案：C5.Vue組件的定義方式中，正確的是（）A.Vponent('my-component',{/*組件選項*/})B.newVueComponent('my-component',{/*組件選項*/})C.Vue.createComponent('my-component',{/*組件選項*/})D.Vue.defineComponent('my-component',{/*組件選項*/})答案：A6.在Vue組件之間傳遞數(shù)據(jù)，父組件向子組件傳遞數(shù)據(jù)通常使用（）A.事件總線B.propsC.$emitD.$parent答案：B7.Vue中，用于條件渲染的指令是（）A.v-forB.v-onceC.v-ifD.v-model答案：C8.以下關(guān)于Vue生命周期鉤子函數(shù)說法錯誤的是（）A.created鉤子函數(shù)在實例初始化之后，數(shù)據(jù)觀測和event/watcher事件配置之前被調(diào)用B.mounted鉤子函數(shù)在實例掛載到el屬性后調(diào)用C.updated鉤子函數(shù)在數(shù)據(jù)更新之后DOM更新之前調(diào)用D.destroyed鉤子函數(shù)在實例銷毀之后調(diào)用答案：D9.Vue中，用于雙向數(shù)據(jù)綁定的指令是（）A.v-bindB.v-onC.v-modelD.v-html答案：C10.以下哪個不屬于Vue實例的選項（）A.dataB.templateC.vueVersionD.methods答案：C11.Vue組件通信中，子組件向父組件傳遞數(shù)據(jù)使用（）A.propsB.$emit觸發(fā)自定義事件C.$parentD.eventbus答案：B12.在Vue中，v-for指令的語法格式正確的是（）A.v-for="iteminitems"B.v-for="(item,index)ofitems"C.v-for="itemforitems"D.v-for="itemsinitem"答案：A13.Vue中，用于綁定內(nèi)聯(lián)樣式的指令是（）A.v-classB.v-styleC.v-bind:classD.v-bind:style答案：D14.以下關(guān)于Vue路由說法正確的是（）A.Vue路由是內(nèi)置在Vue核心庫中的B.使用VueRouter需要單獨安裝C.VueRouter不支持路由導(dǎo)航守衛(wèi)D.VueRouter只能實現(xiàn)簡單的頁面跳轉(zhuǎn)答案：B15.在Vue項目中，以下哪個文件用于配置路由（）A.main.jsB.App.vueC.router.jsD.components.js答案：C16.Vue實例的data選項必須是一個（）A.函數(shù)B.對象C.數(shù)組D.字符串答案：A17.以下哪個指令可以讓元素只渲染一次（）A.v-onceB.v-preC.v-cloakD.v-else答案：A18.在Vue中，計算屬性和監(jiān)聽器相比，計算屬性的優(yōu)勢在于（）A.計算屬性可以處理異步操作B.計算屬性更適合處理復(fù)雜的邏輯計算C.計算屬性可以監(jiān)聽多個數(shù)據(jù)的變化D.計算屬性性能更差答案：B19.Vue組件中的props可以是（）A.一個字符串?dāng)?shù)組B.一個對象C.一個函數(shù)D.以上都可以答案：D20.以下關(guān)于Vuex說法錯誤的是（）A.Vuex是一個專為Vue.js應(yīng)用程序開發(fā)的狀態(tài)管理模式B.Vuex用于集中管理應(yīng)用的所有組件的狀態(tài)C.Vuex不支持模塊化開發(fā)D.Vuex有mutations、actions等概念答案：C21.在Vuex中，用于修改store中state的方法是（）A.actionsB.mutationsC.gettersD.modules答案：B22.Vue中，v-on指令綁定事件時，事件名前（）A.不需要加任何前綴B.需要加@前綴C.需要加v-前綴D.需要加$前綴答案：A23.以下哪個是Vue中自定義指令的正確定義方式（）A.Vue.directive('my-directive',{/*指令定義*/})B.newVueDirective('my-directive',{/*指令定義*/})C.Vue.createDirective('my-directive',{/*指令定義*/})D.Vue.defineDirective('my-directive',{/*指令定義*/})答案：A24.Vue中，組件的模板（template）中只能有（）個根元素A.0B.1C.2D.多個答案：B25.在Vue中，使用過濾器對數(shù)據(jù)進行格式化，過濾器的調(diào)用方式是（）A.{{data|filterName}}B.{{filterName(data)}}C.{{data.filterName}}D.{{filterName:data}}答案：A26.以下關(guān)于VueCLI說法正確的是（）A.VueCLI是一個用于快速創(chuàng)建Vue項目的腳手架工具B.VueCLI不能自定義項目模板C.VueCLI只能創(chuàng)建簡單的Vue項目D.VueCLI不需要安裝Node.js環(huán)境答案：A27.在Vue項目中，使用VueCLI創(chuàng)建項目時，默認的項目結(jié)構(gòu)中src目錄下的main.js文件的作用是（）A.定義項目的路由B.定義項目的入口組件C.作為項目的入口文件，創(chuàng)建Vue實例并掛載到DOMD.定義項目的全局樣式答案：C28.Vue中，$refs屬性的作用是（）A.獲取子組件實例B.綁定數(shù)據(jù)到DOM元素C.監(jiān)聽數(shù)據(jù)變化D.定義計算屬性答案：A29.以下關(guān)于Vue動畫說法錯誤的是（）A.Vue提供了內(nèi)置的動畫指令v-enter和v-leaveB.可以通過CSS過渡和動畫來實現(xiàn)Vue組件的動畫效果C.Vue動畫可以實現(xiàn)元素的淡入淡出、滑動等效果D.Vue動畫只能作用于單個元素答案：D30.在Vue中，使用axios進行HTTP請求時，以下哪個方法用于發(fā)送GET請求（）A.axios.postB.axios.getC.axios.putD.axios.delete答案：B31.Vue實例的el選項表示（）A.實例掛載的DOM元素B.數(shù)據(jù)對象C.方法集合D.計算屬性集合答案：A32.以下關(guān)于Vue中的mixins說法正確的是（）A.mixins是一種分發(fā)Vue組件中可復(fù)用功能的方式B.mixins只能用于一個組件C.mixins中的數(shù)據(jù)和方法會覆蓋組件自身的數(shù)據(jù)和方法D.mixins不能和props一起使用答案：A33.Vue中，v-bind指令的縮寫形式是（）A.:B.@C.#D.$答案：A34.在Vue組件中，以下哪個生命周期鉤子函數(shù)在組件被插入到父節(jié)點之后調(diào)用（）A.createdB.mountedC.updatedD.destroyed答案：B35.以下關(guān)于Vue中的響應(yīng)式原理說法錯誤的是（）A.Vue通過Object.defineProperty()方法來實現(xiàn)數(shù)據(jù)的響應(yīng)式B.當(dāng)一個Vue實例創(chuàng)建時，Vue會遍歷data選項中的所有屬性，使用Object.defineProperty()將這些屬性轉(zhuǎn)換為getter/setterC.只有對象的屬性會被轉(zhuǎn)換為響應(yīng)式，數(shù)組元素的變化不會觸發(fā)視圖更新D.可以使用Vue.set()方法來手動觸發(fā)響應(yīng)式更新答案：C36.Vue中，用于引入外部樣式表的標(biāo)簽是（）A.<stylesrc="xxx.css"></style>B.<linkrel="stylesheet"href="xxx.css">C.<importsrc="xxx.css"></import>D.<stylesheethref="xxx.css"></stylesheet>答案：B37.在Vue項目中，以下哪個是正確的引入組件的方式（）A.importMyComponentfrom'./components/MyComponent.vue'B.require('./components/MyComponent.vue')C.include'./components/MyComponent.vue'D.load'./components/MyComponent.vue'答案：A38.Vue中，組件之間通信使用事件總線（EventBus）時，以下說法正確的是（）A.事件總線是一個全局的Vue實例B.事件總線只能用于父子組件之間的通信C.事件總線不需要創(chuàng)建實例D.事件總線不支持自定義事件答案：A39.以下關(guān)于Vue中的指令修飾符說法錯誤的是（）A.v-on指令的修飾符可以用于處理事件的特殊行為，如v-on:click.prevent可以阻止事件的默認行為B.v-bind指令也有修飾符，如v-bind:class.active可以動態(tài)添加active類C.修飾符可以串聯(lián)使用，如v-on:click.stop.preventD.所有指令都有相同的修飾符答案：D40.在Vue中，使用v-for指令遍歷對象時，正確的語法是（）A.v-for="(value,key)inobject"B.v-for="(key,value)inobject"C.v-for="valueinobject"D.v-for="keyinobject"答案：A41.Vue中，以下哪個選項用于定義組件的樣式作用域（）A.scopedB.scopeC.localD.global答案：A42.以下關(guān)于VueRouter中的路由導(dǎo)航守衛(wèi)說法正確的是（）A.路由導(dǎo)航守衛(wèi)只能在全局定義B.路由導(dǎo)航守衛(wèi)用于在路由切換前進行一些驗證或處理邏輯C.路由導(dǎo)航守衛(wèi)不能阻止路由切換D.路由導(dǎo)航守衛(wèi)只有一個鉤子函數(shù)答案：B43.在Vuex中，以下哪個選項用于獲取store中的state值（）A.mutationsB.actionsC.gettersD.modules答案：C44.Vue中，v-once指令作用于元素后，元素（）A.數(shù)據(jù)變化時會重新渲染B.數(shù)據(jù)變化時不會重新渲染C.永遠不會渲染D.只會渲染一次，之后會被移除答案：B45.以下關(guān)于Vue組件的命名規(guī)范說法正確的是（）A.組件名只能使用駝峰命名法B.組件名只能使用短橫線分隔命名法C.組件名可以使用駝峰命名法或短橫線分隔命名法D.組件名沒有命名規(guī)范要求答案：C46.在Vue中，使用$emit觸發(fā)自定義事件時，以下說法正確的是（）A.只能在父組件中觸發(fā)B.只能在子組件中觸發(fā)C.可以在任何組件中觸發(fā)D.只能觸發(fā)內(nèi)置事件答案：C47.Vue中，以下哪個是正確的定義方法的方式（）A.methods:{myMethod(){/*方法體*/}}B.methods:{myMethod:function(){/*方法體*/}}C.methods:()=>{/*方法體*/}D.以上都可以答案：A48.以下關(guān)于Vue中的過濾器說法正確的是（）A.過濾器只能在插值表達式中使用B.過濾器可以自定義C.過濾器不能串聯(lián)使用D.過濾器只能處理字符串?dāng)?shù)據(jù)答案：B49.在Vue項目中，使用VueCLI創(chuàng)建項目時，默認的項目結(jié)構(gòu)中src目錄下的App.vue文件的作用是（）A.作為項目的根組件，包含應(yīng)用的整體結(jié)構(gòu)和樣式B.定義項目的全局樣式C.定義項目的入口組件D.作為項目的入口文件，創(chuàng)建Vue實例并掛載到DOM答案：A50.Vue中，組件的props選項可以用來（）A.接收父組件傳遞的數(shù)據(jù)B.定義組件的方法C.監(jiān)聽數(shù)據(jù)變化D.定義組件的樣式答案：A51.以下關(guān)于Vue中的計算屬性緩存說法正確的是（）A.計算屬性不會緩存結(jié)果，每次調(diào)用都會重新計算B.計算屬性會緩存結(jié)果，只有當(dāng)依賴的數(shù)據(jù)發(fā)生變化時才會重新計算C.計算屬性的緩存與數(shù)據(jù)變化無關(guān)D.計算屬性緩存會導(dǎo)致性能下降答案：B52.在Vue中，使用v-model指令綁定表單元素時，以下說法正確的是（）A.只能綁定文本框B.只能綁定單選框C.只能綁定下拉框D.可以綁定多種表單元素答案：D53.Vue中，以下哪個生命周期鉤子函數(shù)在組件數(shù)據(jù)更新之前調(diào)用（）A.beforeUpdateB.updatedC.beforeDestroyD.destroyed答案：A54.以下關(guān)于Vue組件通信說法錯誤的是（）A.除了props、$emit、事件總線，還可以使用Vuex進行組件通信B.兄弟組件之間通信可以通過事件總線或VuexC.父子組件之間只能通過props和$emit通信D.跨級組件通信可以使用事件總線或Vuex答案：C55.在Vue中，v-bind指令綁定class時，以下哪種寫法是正確的（）A.:class="{'active':isActive}"B.:class="active:isActive"C.:class="['active',isActive]"D.:class="{active,isActive}"答案：A56.Vue中，以下關(guān)于自定義指令的鉤子函數(shù)說法錯誤的是（）A.bind鉤子函數(shù)在指令第一次綁定到元素時調(diào)用B.inserted鉤子函數(shù)在被綁定元素插入到父節(jié)點時調(diào)用C.update鉤子函數(shù)在元素的VNode更新時調(diào)用，無論數(shù)據(jù)是否變化D.unbind鉤子函數(shù)在指令與元素解綁時調(diào)用答案：C57.在Vue項目中，使用axios進行HTTP請求時，以下哪個方法用于發(fā)送POST請求（）A.axios.postB.axios.getC.axios.putD.axios.delete答案：A58.Vue中，組件的data選項如果是對象形式，會有什么問題（）A.數(shù)據(jù)不會響應(yīng)式更新B.多個組件實例之間數(shù)據(jù)會共享C.組件無法渲染D.沒有問題答案：B59.在Vue中，使用v-if和v-show指令都可以實現(xiàn)條件渲染，它們的主要區(qū)別是（）A.v-if是動態(tài)添加或移除DOM元素，v-show是通過CSS的display屬性來控制元素的顯示與隱藏B.v-if性能更好，v-show性能較差C.v-if只能用于簡單條件判斷，v-show可用于復(fù)雜條件判斷D.v-if不能和v-else一起使用，v-show可以答案：A60.以下關(guān)于VueRouter的動態(tài)路由匹配說法正確的是（）A.動態(tài)路由匹配的參數(shù)只能是數(shù)字類型B.動態(tài)路由匹配使用冒號（:）來定義參數(shù)，例如/user/:idC.動態(tài)路由匹配無法獲取參數(shù)值D.動態(tài)路由匹配在路由配置中不需要特殊設(shè)置答案：B61.在Vuex中，actions主要用于（）A.直接修改state中的數(shù)據(jù)B.提交mutations來間接修改state，通常用于處理異步操作C.獲取state中的數(shù)據(jù)D.定義模塊的結(jié)構(gòu)答案：B62.Vue中，當(dāng)在組件中使用this.$router.push方法時，它的作用是（）A.替換當(dāng)前路由B.向歷史記錄中添加一個新的路由記錄，實現(xiàn)頁面跳轉(zhuǎn)C.刷新當(dāng)前頁面D.回退到上一個頁面答案：B63.以下關(guān)于Vue組件的插槽（slot）說法錯誤的是（）A.插槽可以讓父組件向子組件傳遞HTML內(nèi)容B.具名插槽可以在子組件中定義多個不同的插槽位置C.作用域插槽可以讓子組件向父組件傳遞數(shù)據(jù)D.插槽只能用于組件的模板中，不能在JavaScript代碼中使用答案：D64.在Vue中，以下哪個選項可以用于全局注冊一個組件（）A.在main.js中使用Vponent方法B.在組件內(nèi)部使用exportdefault導(dǎo)出C.在App.vue中使用components選項D.在router.js中配置答案：A65.若在Vue項目中使用了第三方庫，以下哪種方式是正確安裝第三方庫的方法（）A.在項目根目錄下使用npminstall庫名命令B.在main.js中直接引入庫文件C.在package.json文件中手動添加庫的依賴D.將庫文件直接復(fù)制到項目的src目錄下答案：A66.Vue中，v-for指令遍歷數(shù)組時，默認的索引變量名是（）A.indexB.keyC.iD._index答案：A67.以下關(guān)于Vue中的混入（mixins）和繼承的說法正確的是（）A.混入和繼承都可以實現(xiàn)組件功能的復(fù)用，效果完全一樣B.混入是將多個對象的屬性和方法合并到一個對象中，繼承是基于類的概念實現(xiàn)的C.Vue中只能使用混入，不能使用繼承D.繼承比混入更適合Vue組件的開發(fā)答案：B68.在Vue中，當(dāng)使用v-model綁定一個復(fù)選框（checkbox）時，數(shù)據(jù)的類型通常是（）A.字符串B.數(shù)字C.布爾值D.數(shù)組答案：C69.Vue中，beforeCreate生命周期鉤子函數(shù)的執(zhí)行時機是（）A.在實例初始化之后，數(shù)據(jù)觀測和event/watcher事件配置之前B.在實例掛載到DOM之后C.在數(shù)據(jù)更新之前D.在實例銷毀之前答案：A70.以下關(guān)于VueRouter的嵌套路由說法正確的是（）A.嵌套路由在配置時不需要特殊的語法B.嵌套路由的子路由必須在父路由的組件模板中通過<router-view>標(biāo)簽來展示C.嵌套路由只能有一層D.嵌套路由的子路由不能有自己的路由參數(shù)答案：B71.在Vuex中，getters可以被看作是（）A.state的計算屬性B.用于修改state的方法C.處理異步操作的函數(shù)D.用于定義模塊的結(jié)構(gòu)答案：A72.Vue中，v-html指令的作用是（）A.綁定HTML元素的innerHTML屬性，將數(shù)據(jù)作為HTML內(nèi)容渲染B.綁定HTML元素的textContent屬性，將數(shù)據(jù)作為純文本渲染C.用于創(chuàng)建新的HTML元素D.用于隱藏HTML元素答案：A73.以下關(guān)于Vue組件的生命周期鉤子函數(shù)調(diào)用順序說法正確的是（）A.beforeCreate->created->beforeMount->mounted->beforeUpdate->updated->beforeDestroy->destroyedB.created->beforeCreate->beforeMount->mounted->beforeUpdate->updated->beforeDestroy->destroyedC.beforeCreate->created->mounted->beforeMount->beforeUpdate->updated->beforeDestroy->destroyedD.beforeCreate->created->beforeMount->mounted->updated->beforeUpdate->beforeDestroy->destroyed答案：A74.在Vue項目中，以下關(guān)于main.js文件的說法錯誤的是（）A.它是項目的入口文件，負責(zé)創(chuàng)建Vue實例并掛載到DOMB.可以在該文件中進行全局組件的注冊C.可以在該文件中配置VueRouterD.它不能引入其他JavaScript文件答案：D75.Vue中，v-on指令綁定的事件處理函數(shù)中，this指向（）A.全局對象B.觸發(fā)事件的DOM元素C.Vue實例D.undefined答案：C76.以下關(guān)于Vue中的響應(yīng)式數(shù)據(jù)更新說法正確的是（）A.直接修改數(shù)組的長度不會觸發(fā)視圖更新B.直接給對象添加新的屬性會自動成為響應(yīng)式數(shù)據(jù)C.對響應(yīng)式數(shù)據(jù)進行復(fù)雜的數(shù)學(xué)運算不會觸發(fā)視圖更新D.只要數(shù)據(jù)發(fā)生變化，Vue就會立即更新視圖答案：A77.在Vue中，當(dāng)使用v-for指令遍歷一個對象數(shù)組時，要給每個元素設(shè)置唯一的key值，通常使用（）作為key值比較合適A.數(shù)組的索引B.對象中的某個唯一標(biāo)識屬性C.固定的字符串D.隨機生成的數(shù)字答案：B78.Vue中，computed計算屬性和methods方法的區(qū)別在于（）A.computed計算屬性會緩存結(jié)果，methods方法每次調(diào)用都會執(zhí)行函數(shù)體B.computed計算屬性不能依賴其他數(shù)據(jù)，methods方法可以C.computed計算屬性只能返回簡單數(shù)據(jù)類型，methods方法可以返回復(fù)雜數(shù)據(jù)類型D.computed計算屬性的性能比methods方法差答案：A79.在Vuex中，modules的作用是（）A.將store分割成模塊，每個模塊都有自己的state、mutations、actions、gettersB.用于定義全局的狀態(tài)C.用于處理異步操作D.用于獲取state中的數(shù)據(jù)答案：A80.Vue中，v-pre指令的作用是（）A.跳過元素和它的子元素的編譯過程，直接顯示原始的Mustache標(biāo)簽B.讓元素在渲染前執(zhí)行一個特定的函數(shù)C.用于給元素添加前綴D.用于給元素添加預(yù)處理樣式答案：A81.以下關(guān)于VueRouter的命名路由說法正確的是（）A.命名路由可以讓我們在代碼中更方便地引用路由，通過名稱來進行導(dǎo)航B.命名路由在配置時不需要給路由起名字C.命名路由只能在router.js文件中使用D.命名路由不能傳遞參數(shù)答案：A82.在Vue項目中，以下關(guān)于App.vue文件的說法錯誤的是（）A.它是項目的根組件，所有其他組件都可以在它的模板中被引用B.它的模板中必須有一個根元素C.它不能包含樣式D.可以在它里面定義全局的方法答案：C83.Vue中，v-cloak指令的作用是（）A.防止在Vue.js編譯完成前，頁面閃爍顯示未編譯的Mustache標(biāo)簽B.隱藏元素，直到某個條件滿足C.給元素添加一個遮罩效果D.用于元素的動畫過渡答案：A84.以下關(guān)于Vue組件的注冊說法正確的是（）A.全局注冊的組件可以在任何地方使用，局部注冊的組件只能在當(dāng)前組件及其子組件中使用B.局部注冊的組件在注冊時不需要使用components選項C.全局注冊的組件在使用時不需要在模板中引入D.局部注冊的組件比全局注冊的組件性能更好答案：A85.在Vue中，watch選項監(jiān)聽對象屬性變化時，以下哪種方式可以深度監(jiān)聽對象內(nèi)部屬性的變化（）A.直接使用watch監(jiān)聽對象屬性B.在watch中使用deep:true選項C.無法深度監(jiān)聽對象內(nèi)部屬性變化D.使用computed計算屬性來監(jiān)聽答案：B86.Vue中，v-bind指令綁定style屬性時，以下哪種寫法是正確的（）A.:style="{color:'red',fontSize:'16px'}"B.:style="{color:red,fontSize:16px}"C.:style="color:'red',fontSize:'16px'"D.:style="['color:red','fontSize:16px']"答案：A87.在Vuex中，mutation的命名規(guī)范通常建議（）A.使用大寫字母命名B.使用駝峰命名法C.使用小寫字母加下劃線命名D.沒有特定的命名規(guī)范答案：C88.以下關(guān)于VueRouter的router-link組件說法正確的是（）A.router-link組件用于在模板中創(chuàng)建一個可點擊的鏈接，實現(xiàn)路由導(dǎo)航B.router-link組件的to屬性只能是一個字符串路徑C.router-link組件不能設(shè)置樣式D.router-link組件只能在App.vue文件中使用答案：A89.Vue中，$root屬性表示（）A.當(dāng)前Vue實例的根元素B.當(dāng)前Vue實例的根組件C.所有Vue實例的根元素D.所有Vue實例的根組件答案：B90.以下關(guān)于Vue中的自定義指令說法正確的是（）A.自定義指令可以在全局注冊，也可以在局部組件中注冊B.自定義指令的鉤子函數(shù)中不能訪問Vue實例C.自定義指令只能操作DOM元素的屬性D.自定義指令不能傳遞參數(shù)答案：A91.在Vue項目中，使用scoped樣式作用域時，以下說法正確的是（）A.該組件的樣式只會應(yīng)用到該組件及其子組件的元素上B.該組件的樣式不會影響其他組件的相同類名的元素C.scoped樣式作用域可以和全局樣式一起使用D.以上都正確答案：D92.Vue中，v-for指令遍歷對象時，默認的鍵變量名是（）A.keyB.valueC.indexD.prop答案：A93.以下關(guān)于VueRouter的router-view組件說法錯誤的是（）A.router