Vue開發(fā)基礎(chǔ)(習(xí)題卷5)

試卷科目：Vue開發(fā)基礎(chǔ)Vue開發(fā)基礎(chǔ)(習(xí)題卷5)PAGE"pagenumber"pagenumber/SECTIONPAGES"numberofpages"numberofpagesVue開發(fā)基礎(chǔ)第1部分：單項(xiàng)選擇題，共90題，每題只有一個(gè)正確答案,多選或少選均不得分。[單選題]1.splice()方法的功能是（）A)從數(shù)組中添加或刪除元素B)將數(shù)組中的最后一個(gè)數(shù)據(jù)取出C)向數(shù)組的開頭添加一個(gè)或更多元素答案:A解析:[單選題]2.單頁面應(yīng)用主要通過URL中的()實(shí)現(xiàn)不同頁面之間的切換A)hash（#）B)href('')C)view-link答案:A解析:[單選題]3.Vue是一套構(gòu)建（）的漸進(jìn)式框架A)用戶界面B)圖形界面C)交互界面答案:A解析:[單選題]4.Vue實(shí)例對象中能夠?qū)崿F(xiàn)深度監(jiān)聽的參數(shù)是（）A)heightB)lightC)deep答案:C解析:[單選題]5.MVVM主要包含3個(gè)部分，分別是Model、View和（）A)ViewModelB)view-ModelC)Model-view答案:A解析:[單選題]6.computed主要看依賴的數(shù)據(jù)，如果這個(gè)數(shù)據(jù)沒有變化，computed中的函數(shù)就不會(huì)執(zhí)行，因?yàn)樗x取的是()中的內(nèi)容。A)內(nèi)存B)緩存C)Vue變量答案:B解析:[單選題]7.通過一個(gè)名稱來標(biāo)識(shí)一個(gè)路由的方式叫作A)命名路由B)路由對象C)編程式導(dǎo)航D)路由懶加載答案:A解析:[單選題]8.下列對于v-show指令的描述不正確的是（）。A)v-show指令是根據(jù)表達(dá)式的值來判斷是否顯示或隱藏DOM元素B)使用v-show指令的元素都始終會(huì)被渲染并保留在DOM中C)綁定值的改變只是切換元素的CSS屬性displayD)如果在運(yùn)行時(shí)條件很少改變，則需要使用v-show答案:D解析:[單選題]9.在Vue中，以下哪個(gè)選項(xiàng)表示注冊組件A)Vue.extend()B)Vponent()C)Vue.create()D)Vue.new()答案:B解析:概念理解[單選題]10.關(guān)于按鈕組件以下說法錯(cuò)誤的是A)主按鈕在同一個(gè)操作區(qū)域最多出現(xiàn)一次B)可以將多個(gè)按鈕組件放入button-group容器中C)按鈕容器組件<a-button-group>…</a-button-group>D)按鈕容器組件<a-button>…</a-button>答案:D解析:[單選題]11.下面哪個(gè)方法()可以獲取子字符串。A)substr()B)toLowerCase()C)indexOf（)D)toUpperCase()答案:A解析:[單選題]12.在Vue中，以下使用注冊語法糖創(chuàng)建和注冊組件的是（）A)Vponent('my-comp',{template:'<h1>Vue</h1>'})B)Vponent("my-comp",myComp)C)components:{"my-comp":myComp}D)以上選項(xiàng)都錯(cuò)誤答案:A解析:[單選題]13.在Vue中，以下表達(dá)式正確的是（）A){{if(ok)returnmsg}}B){{varstr=?你好?}}C){{ok?"Yes":"No"}}D){{msg,num}}答案:C解析:[單選題]14.()可以將父組件的數(shù)據(jù)傳遞給子組件。A)dataB)methodsC)propsD)watch答案:C解析:[單選題]15.在Vue中，創(chuàng)建組件需要使用什么方法A)Vue.extend()B)Vponent()C)Vue.create()D)Vue.new()答案:A解析:概念理解[單選題]16.使用v-for指令不能遍歷下列哪種數(shù)據(jù)類型？（）。A)整數(shù)B)字符串C)數(shù)組D)對象答案:B解析:[單選題]17.在Vue中，關(guān)于Vue全局過濾器和局部過濾器下列說法錯(cuò)誤的是（）A)全局過濾器可以在整個(gè)頁面中使用B)局部過濾器作用域是當(dāng)前Vue實(shí)例中有效C)一個(gè)表達(dá)式可以使用多個(gè)過濾器D)當(dāng)全局過濾器和局部過濾器名稱相同時(shí)全局過濾器優(yōu)先答案:D解析:[單選題]18.選擇正確選項(xiàng)填入components選項(xiàng)中，完成組件局部注冊。代碼如下：varvm=newVue({el:'#app',components:{}})A)Vponent('my-comp',{template:'<h1>Vue組件！</h1>'})B)'my-comp':{template:'<h1>Vue組件</h1>'}C)Vponent("my-comp",myComp)D)"my-comp":myComp答案:B解析:[單選題]19.安裝vue-cli腳手架的命令是()：A)cnpminstallvueB)cnpminstall-gvue-cliC)cdvueD)cnpminstallexpress-g--save答案:B解析:[單選題]20.布局組件頂部導(dǎo)航(展示類頁面)尺寸多少合理A)一級(jí)導(dǎo)航高度80px，二級(jí)導(dǎo)航高度56pxB)一級(jí)導(dǎo)航高度56px，二級(jí)導(dǎo)航高度80pxC)一級(jí)導(dǎo)航高度80px，二級(jí)導(dǎo)航高度80pxD)一級(jí)導(dǎo)航高度56px，二級(jí)導(dǎo)航高度56px答案:A解析:[單選題]21.如果在內(nèi)聯(lián)語句中需要獲取原生的DOM事件對象，可以將特殊變量（）傳入方法中。A)$eventB)$thisC)eventD)this答案:A解析:[單選題]22.在Vue中，<slot>標(biāo)簽是組件內(nèi)部的A)對象B)HTML元素C)占位符D)屬性答案:C解析:特性分析[單選題]23.在Vue中，（）指令使用"iteminitems"形式的語法A)v-onB)v-forC)v-onceD)v-bind答案:B解析:特性分析[單選題]24.以下哪些是Radio的主要屬性A)autoFocusB)checkedC)defaultCheckedD)src答案:D解析:[單選題]25.Vue.js為v-model指令提供了幾個(gè)修飾符,下列哪個(gè)不是v-model修飾符（）A)lazyB)numberC)trimD)fixed答案:D解析:[單選題]26.以下有關(guān)分離JavaScript中的HTML模板，錯(cuò)誤的是A)Vue提供了兩種方式將定義在JavaScript中的HTML模板分離出來B)使用<template>分離HTML模板需要指定type屬性C)使用<script>分離HTML模板需要指定type屬性D)可以使用<template>和<script>兩個(gè)標(biāo)簽分離定義在JavaScript中的HTML模板答案:B解析:[單選題]27.在Vue中，以下關(guān)于Vue插值下列說法錯(cuò)誤的是（）A){{文本}}用于插入與綁定文本B){{表達(dá)式}}可以使用JavaScript表達(dá)式進(jìn)行簡單的運(yùn)算C){{}}中只支持單個(gè)表達(dá)式D){{}}支持語句和流控制答案:D解析:[單選題]28.設(shè)置價(jià)格前后綴的代碼正確的是A)<a-inputplaceholder="總金額"defaultValue="0.00">￥元</a-input>B)<a-inputplaceholder="總金額"defaultValue="0.00">￥元</a-input>C)<a-inputplaceholder="總金額"defaultValue="0.00">￥元</a-input>D)以上都不對答案:A解析:[單選題]29.在Vue中，MVVM設(shè)計(jì)模式不包含（）部分A)ModelB)ViewC)MvcD)ViewModel答案:C解析:[單選題]30.插槽(Slot)的顯示與否是由()決定的A)子組件和父組件B)子組件C)父組件D)以上說法都錯(cuò)誤答案:C解析:[單選題]31.Vue中創(chuàng)建插件提供的方法是（）A)installB)dataC)newD)filters答案:A解析:[單選題]32.直接在DOM中使用組件,其命名方式正確的是A)MyComponentB)My-ComponentC)myComponentD)My_Component答案:B解析:[單選題]33.關(guān)于AntDesignofVue的特點(diǎn)說法錯(cuò)誤的是A)開發(fā)和服務(wù)于企業(yè)級(jí)后臺(tái)產(chǎn)品B)開箱即用的高質(zhì)量Vue組件C)共享AntDesignofReact設(shè)計(jì)工具體系D)以上說法都錯(cuò)誤答案:D解析:[單選題]34.當(dāng)我們需要使用多個(gè)插槽(Slot)時(shí)，應(yīng)當(dāng)使用A)默認(rèn)插槽B)具名插槽C)父組件插槽D)子組件插槽答案:B解析:[單選題]35.()在實(shí)例創(chuàng)建之后調(diào)用A)beforeCreateB)createdC)mountedD)destroyed答案:B解析:[單選題]36.鍵盤上刪除鍵的別名是()A)deleteB)ctrlC)altD)shift答案:A解析:[單選題]37.push向數(shù)組的末尾（）一個(gè)或更多元素。A)刪除B)添加C)修改D)查找答案:B解析:[單選題]38.watch中的handler()方法A)其值是一個(gè)回調(diào)函數(shù)，即偵聽到變化時(shí)應(yīng)該執(zhí)行的函數(shù)B)其值true或false，確認(rèn)哪個(gè)數(shù)據(jù)發(fā)生改變C)其值是一個(gè)回調(diào)函數(shù)，確認(rèn)是否以當(dāng)前的初始值執(zhí)行D)以上說話都正確答案:A解析:[單選題]39.vue中的動(dòng)態(tài)組件通常通過使用（）元素，動(dòng)態(tài)綁定到它的is屬性上。A)<template>B)<component>C)<slot>D)<components>答案:B解析:[單選題]40.有關(guān)輸入框組件常用屬性說法正確的是A)addonAfter屬性設(shè)置帶前置標(biāo)簽的輸入框B)addonBefore屬性設(shè)置帶后置標(biāo)簽的輸入框C)defaultValue屬性設(shè)置輸入框默認(rèn)內(nèi)容D)default屬性設(shè)置輸入框默認(rèn)內(nèi)容答案:C解析:[單選題]41.下列代碼中，當(dāng)鼠標(biāo)指向?顯示?按鈕時(shí)執(zhí)行show方法，將代碼補(bǔ)充完整。<button__________="show">顯示</button>A)v-on:clickB)v-on:mouseoutC)v-on:dbclickD)v-on:mouseover答案:D解析:[單選題]42.Vue在插值表達(dá)式{{}}中加入下列哪種符號(hào)可以起到對數(shù)據(jù)過濾效果A)#B)|C)&D)$答案:B解析:[單選題]43.在Vue中，被用來響應(yīng)地更新HTML屬性的指令是A)v-onB)v-ifC)v-bindD)v-model答案:C解析:概念理解[單選題]44.在Vue中，計(jì)算屬性以什么方式寫在Vue的實(shí)例中A)函數(shù)B)變量C)實(shí)例D)選項(xiàng)答案:A解析:特性分析[單選題]45.在Vue中，組件實(shí)例的作用域是A)聚合的B)全局的C)孤立的D)聯(lián)通的答案:C解析:特性分析[單選題]46.hash代表哪個(gè)（）符號(hào)A)-B)*C)$D)#答案:D解析:[單選題]47.以下哪個(gè)選項(xiàng)表示注冊組件A)Vue.extend()B)Vponent()C)Vue.create()D)Vue.new()答案:B解析:[單選題]48.以下表達(dá)式正確的是A){{if(ok)returnmsg}}B){{varstr=?你好?}}C){{ok?"Yes":"No"}}D){{msg,num}}答案:C解析:[單選題]49.下列關(guān)于Vue說法錯(cuò)誤的是A)Vue和Angular都可以用來創(chuàng)建復(fù)雜的前端項(xiàng)目B)Vue的優(yōu)勢主要包括輕量級(jí)、雙向數(shù)據(jù)綁定C)Vue在進(jìn)行實(shí)例化之前，應(yīng)確保已經(jīng)引入了核心文件vue.jsD)Vue與React語法是完全相同的答案:D解析:[單選題]50.有關(guān)Header組件說法正確的是A)頂部布局B)沒有默認(rèn)樣式C)除了layout，不能嵌套任何元素D)可以放在layout組件之外答案:A解析:[單選題]51.按鈕組件設(shè)置按鈕大小【屬性size】哪一項(xiàng)不正確A)smallB)largeC)可以不設(shè)置D)可以設(shè)置為數(shù)字答案:D解析:[單選題]52.在Vue中，下列選項(xiàng)可用來切換元素的可見狀態(tài)的指令A(yù))v-showB)v-hideC)v-toggleD)v-slideHide答案:A解析:概念理解[單選題]53.對于過濾器形式為msg|filter('a')的表達(dá)式說法正確的是A)該過濾器只接收一個(gè)參數(shù)aB)該過濾器不接收任何參數(shù)C)該過濾器接收兩個(gè)參數(shù)msg、aD)以上說法都不正確答案:C解析:[單選題]54.在業(yè)務(wù)邏輯代碼中實(shí)現(xiàn)導(dǎo)航跳轉(zhuǎn)的方式稱為A)編程式導(dǎo)航B)命名路由C)路由對象D)路由懶加載答案:A解析:[單選題]55.在Vue中，以下有關(guān)組件說法錯(cuò)誤的是（）A)Vue中的組件相互孤立，不能重用B)組件可以擴(kuò)展HTML元素C)組件能夠封裝可重用的HTML代碼D)任意類型的應(yīng)用界面都可以抽象為一個(gè)組件樹答案:A解析:[單選題]56.在父組件監(jiān)聽自定義事件的時(shí)候，可以通過（）訪問到傳遞的參數(shù)值。A)eventB)$eventC)$thisD)$e答案:B解析:[單選題]57.在下列選項(xiàng)中（）是插槽后備內(nèi)容的正確格式A)<slot>確定</slot>B)<templatev-slot:?name?>確定</template>C)<slot></slot>確定D)<template>確定</template>答案:A解析:[單選題]58.鼠標(biāo)左鍵的別名是()A)rightB)ctrlC)leftD)middle答案:C解析:[單選題]59.Vue實(shí)例對象中能夠創(chuàng)建組件的參數(shù)是（）A)watchB)filtersC)watchingD)components答案:D解析:[單選題]60.在實(shí)例被初始化時(shí)被調(diào)用（）。A)beforeCreateB)beforeDestroyC)mountedD)destroyed答案:A解析:[單選題]61.下列哪一個(gè)不是Vue開發(fā)工具的是()。A)Chrome瀏覽器B)VSCode編輯器C)vue-devtoolsD)微信開發(fā)者工具答案:D解析:[單選題]62.在Vue中，向HTML中插入文本值可用下列（）符號(hào)A)《》B)<>C){{}}D)（）答案:C解析:[單選題]63.下列哪個(gè)選項(xiàng)是成功消息提示A)$message.successB)$message.errorC)$D)$message.warn答案:A解析:[單選題]64.vue使用axios申請ajax請求時(shí)，我們需要在html文件中引入vue.js文件和（）文件。A)ajax.jsB)axios.jsC)router.jsD)jQuery.js答案:B解析:[單選題]65.vue項(xiàng)目中需要的圖片通常存放在哪個(gè)文件夾中（）A)node_modulesB)assetsC)srcD)components答案:B解析:[單選題]66.設(shè)置帶有前綴的輸入框代碼是A)<a-inputplaceholder="請輸入..."><a-iconslot="prefix"type="user"/></a-input>B)<a-inputplaceholder="請輸入..."slot="prefix"><a-icontype="user"/></a-input>C)<a-inputplaceholder="請輸入..."slot="prefix"type="user"><a-icon/></a-input>D)以上都不對答案:A解析:[單選題]67.在Vue中，以下（）表示Vue中的偵聽屬性A)watchB)computedC)filtersD)methods答案:A解析:[單選題]68.在Vue中，下列鉤子函數(shù)實(shí)例建立完成后調(diào)用是A)mounted()B)created()C)beforeDestroy()D)updated()答案:B解析:概念理解[單選題]69.如何實(shí)現(xiàn)Vue組件局部注冊A)在Vue實(shí)例化時(shí)，設(shè)置選項(xiàng)參數(shù)的components參數(shù)屬性B)在script標(biāo)簽內(nèi)使用Vponent()方法C)在Vue實(shí)例化時(shí)，設(shè)置選項(xiàng)參數(shù)的extend參數(shù)屬性D)在script標(biāo)簽內(nèi)使用Vue.extend()方法答案:A解析:[單選題]70.下列代碼中，通過Prop將父組件的數(shù)據(jù)傳遞給子組件，將代碼補(bǔ)充完整。<my-componentmessage="父組件傳遞的數(shù)據(jù)"></my-component><scripttype="text/javascript">Vponent('my-component',{props:_________,template:'{{message}}'})Varvm=newVue({el:'#example'})</script>A)'message'B)('message')C){'message'}D)['message']答案:D解析:[單選題]71.下列有關(guān)柵格組件的行屬性描述不正確的是A)align屬性設(shè)置彈性布局的垂直對齊方式：top、middle和bottomB)gutter屬性設(shè)置柵格間隔C)justify設(shè)置彈性布局下的垂直排列方式D)type屬性是布局模式答案:C解析:[單選題]72.在組件之實(shí)現(xiàn)路由切換需要使用（）組件。A)<component>B)<template>C)<router-link>D)<router-view>答案:C解析:[單選題]73.在Vue.js中，列表渲染使用的是（）指令。A)v-onB)v-forC)v-ifD)v-model答案:B解析:[單選題]74.下列選項(xiàng)中，可用來切換元素的可見狀態(tài)的指令A(yù))v-showB)v-hideC)v-toggleD)v-slideHide答案:A解析:[單選題]75.Vue實(shí)例對象中能夠監(jiān)聽狀態(tài)變化的參數(shù)是A)watchB)filtersC)watchingD)components答案:A解析:[單選題]76.vue找到對應(yīng)的路由后，會(huì)把對應(yīng)的組件渲染到（）中。A)<component>B)<template>C)<router-link>D)<router-view>答案:D解析:[單選題]77.下面代碼的輸出結(jié)果是（）。{{num|formatNum("%")}}<scripttype="text/javascript">vardemo=newVue({el:'#box',data:{num:93},filters:{formatNum:function(value,symbol){returnvalue.toFixed(2)+symbol;}}});</script>A)93.00%B)93.00C)93%D)93答案:A解析:[單選題]78.組件的擴(kuò)展名是()A)vueB)jsC)htmlD)css答案:A解析:[單選題]79.關(guān)于Vue安裝下列說法正確的是A)Vue是Javascript框架所以不需要安裝B)只要引入jQuery就可以使用VueC)Vue要用script標(biāo)簽引入D)以上都不對答案:C解析:[單選題]80.下列方法中，哪個(gè)不是用于檢測數(shù)組變化的變異方法？（）。A)pushB)unshiftC)spliceD)filter答案:D解析:[單選題]81.（）指令使用"iteminitems"形式的語法A)v-onB)v-forC)v-onceD)v-bind答案:B解析:[單選題]82.下列哪個(gè)是觸發(fā)自定義事件的關(guān)鍵字（）A)propsB)$emitC)emitD)change答案:B解析:[單選題]83.Vue中的組件是A)一個(gè)HTML元素B)可復(fù)用的Vue實(shí)例C)Vue實(shí)例的一個(gè)屬性D)以上說法都錯(cuò)誤答案:B解析:[單選題]84.Vue中實(shí)現(xiàn)數(shù)據(jù)雙向綁定的是（）A)v-bindB)v-forC)v-modelD)v-if答案:C解析:[單選題]85.在vue.js中使用vue-router插件可以提供路由管理的功能，在使用它之前需要在頁面中引入該插件，引入它有多種方法，哪種說法是錯(cuò)誤的（）。A)使用CDN方法B)使用NPM方法C)無需下載安裝可以直接使用D)直接下載并使用<script>標(biāo)簽引入答案:C解析:[單選題]86.Vue通常在實(shí)例對象中用來實(shí)現(xiàn)計(jì)算功能的參數(shù)是()。A)watchB)filtersC)computedD)components答案:C解析:[單選題]87.vue.js的條件渲染指令中，如果需要頻繁地切換DOM，需要使用（）A)v-ifB)v-showC)v-forD)v-bind答案:B解析:[單選題]88.只有當(dāng)?耗時(shí)?，?大量的搜索?，?大量的數(shù)據(jù)操作?時(shí)，才會(huì)使用()A)computedB)methodsC)dataD)filter答案:A解析:[單選題]89.在Vue中，以下不屬于Vue組件的使用步驟的是（）A)創(chuàng)建組件B)注冊組件C)初始化組件D)使用組件答案:C解析:[