Vue開發(fā)基礎(習題卷4)

試卷科目：Vue開發(fā)基礎Vue開發(fā)基礎(習題卷4)PAGE"pagenumber"pagenumber/SECTIONPAGES"numberofpages"numberofpagesVue開發(fā)基礎第1部分：單項選擇題，共90題，每題只有一個正確答案,多選或少選均不得分。[單選題]1.當選中某個按鈕時，v-model綁定的屬性值會被賦值為該按鈕的________。A)valueB)allC)request答案:A解析:[單選題]2.Vue實例對象獲取子組件實例對象的方式是()A)$parentB)$childrenC)$child答案:B解析:[單選題]3.vue-router提供了一種隱式的引用路徑，即()。可以在創(chuàng)建Router實例的時候，在routes中給某個路由設置名稱name值。通過一個名稱來標識一個路由顯得更方便一些，特別是在鏈接一個路由，或者是執(zhí)行一些跳轉的時候，通過路由的名稱取代路徑地址直接使用。A)命名路由B)嵌套路由C)路由重定向答案:A解析:[單選題]4.Vue.js為v-on指令提供的事件修飾符中，使用()修飾符可以阻止事件的傳播。A)stopB)onceC)prevent答案:A解析:[單選題]5.push向數組的末尾____________一個或更多元素A)添加B)all()C)reques答案:A解析:[單選題]6.以下代碼的運行結果是（）。真假<scripttype="text/javascript">vardemo=newVue({el:'#box',data:{a:0}});</script>A)真B)假C)運行出錯答案:B解析:[單選題]7.關于v-on說法錯誤的是A)v-on:click可以簡寫為@clickB)v-on可以監(jiān)聽組件的自定義事件C)v-on:click可以直接監(jiān)聽組件觸發(fā)的原生click事件D)v-on可以一次監(jiān)聽多個事件答案:C解析:[單選題]8.在Vue中，當計算屬性依賴的數據發(fā)生改變時A)計算屬性不會重新執(zhí)行，視圖也不會更新B)計算屬性會重新執(zhí)行，視圖不會更新C)計算屬性會重新執(zhí)行，視圖也會更新D)以上說法都錯誤答案:C解析:特性分析[單選題]9.在Vue中，選擇正確選項填入components選項中，完成組件局部注冊。代碼如下：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解析:代碼糾錯[單選題]10.當計算屬性依賴的數據發(fā)生改變時A)計算屬性不會重新執(zhí)行，視圖也不會更新B)計算屬性會重新執(zhí)行，視圖不會更新C)計算屬性會重新執(zhí)行，視圖也會更新D)以上說法都錯誤答案:C解析:[單選題]11.下列哪個不是v-on指令中的事件修飾符？（）A)stopB)preventC)getD)once答案:C解析:[單選題]12.下列哪一項是Vue的核心A)ViewB)ViewModelC)ModelD)Controller答案:B解析:[單選題]13.AntDesignofVue組件格式正確的是A)<a-組件名屬性=值…></a-組件名>B)<組件名屬性=值…></組件名>C)<組件名屬性=值…/>D)<v-組件名屬性=值…></v-組件名>答案:A解析:[單選題]14.在Vue中，對于過濾器形式為msg|filter('a')的表達式說法正確的是（）A)該過濾器只接收一個參數aB)該過濾器不接收任何參數C)該過濾器接收兩個參數msg、aD)以上說法都不正確答案:C解析:[單選題]15.柵格化一行一格并且居中的代碼是A)<a-row><a-col:span="12":gutter="6>col-12col-offset-6</a-col></a-row>B)<a-row><a-col:gutter="12":offset="6>col-12col-offset-6</a-col></a-row>C)<a-row><a-col:span="12":offset="6>col-12col-offset-6</a-col></a-row>D)以上都不對答案:C解析:[單選題]16.以下哪個選項不是組件Layout、Header、Footer、Content的屬性A)classB)styleC)hasSiderD)href答案:D解析:[單選題]17.在Vue中，一個組件默認可以擁有（）屬性A)1個B)2個C)3個D)任意數量答案:D解析:[單選題]18.以下哪個選項使用注冊語法糖創(chuàng)建和注冊組件A)Vponent('my-comp',{template:'<h1>Vue</h1>'})B)Vponent("my-comp",myComp)C)components:{"my-comp":myComp}D)以上選項都錯誤答案:A解析:[單選題]19.下列不屬于Vue開發(fā)所需工具的是()。A)Chrome瀏覽器B)VSCode編輯器C)vue-devtoolsD)微信開發(fā)者工具答案:D解析:[單選題]20.關于v-if和v-else下列說法錯誤的是A)v-if可以控制元素的顯示或隱藏B)v-else元素必須立即跟在v-if后面C)當v-if條件為true時顯示v-else元素D)v-if可以單獨使用，不一定需要v-else答案:C解析:[單選題]21.router-link會被渲染成（）標簽。A)<a>B)C)D)<link>答案:A解析:[單選題]22.選擇器組件實現下拉框選擇功能，有關選擇器組件使用情況說法錯誤的是A)彈出一個下拉菜單給用戶選擇操作，用于代替原生的選擇器B)需要一個更優(yōu)秀的器時C)當選項少時，建議直接將選項平鋪D)以上說法都不對答案:D解析:[單選題]23.在Vue中，v-model的使用正確的是A)<inputtype="text"v-model="message"/>B)<inputtype="text"v-model:"message"/>C)<inputtype="text"v-model@:"message"/>D)以上都不對答案:A解析:特性分析[單選題]24.使用vue-cli2.0腳手架快速搭建項目命令是：（）A)cnpminstallwebpack-gB)vueinitwebpack項目名稱C)cnpminstallvue-cli-gD)npmrundev答案:B解析:[單選題]25.下面哪個方法()可以獲取字符@在字符串中的位置。A)substr()B)toLowerCase()C)indexOf（)D)toUpperCase()答案:C解析:[單選題]26.在Vue中，下列選項用于父子組件通訊的是A)$attrsB)provideC)propsD)link答案:C解析:概念理解[單選題]27.Vue插值用下列那個符號A)《》B)<>C){{}}D)（）答案:C解析:[單選題]28.Vue.js中的鼠標移入事件的簡寫方法是（）A)v-on:keyupB)@mouseoverC)@clickD)v-on:click答案:B解析:[單選題]29.定義vue實例時，使用（）來指定掛載元素？A)dataB)dateC)elD)element答案:C解析:[單選題]30.在Vue中，以下不屬于AntDesignofVue中的布局組件的是（）A)Header組件B)Sider組件C)Content組件D)Menu組件答案:D解析:[單選題]31.在Vue中，Vue實例對象中能夠監(jiān)聽狀態(tài)變化的參數是（）A)watchB)filtersC)watchingD)components答案:A解析:[單選題]32.設置文本域組件代碼正確的是A)<a-inputplaceholder="請輸入文字"type="area"></a-input>B)<a-inputplaceholder="請輸入文字"type="text"></a-input>C)<a-inputplaceholder="請輸入文字"type="textarea"></a-input>D)以上都不對答案:C解析:[單選題]33.下列代碼中，當鼠標單擊?顯示?按鈕時執(zhí)行show方法，將代碼補充完整。<button__________="show">顯示</button>A)v-on:clickB)v-on:mouseoutC)v-on:dbclickD)v-on:mouseover答案:A解析:[單選題]34.在Vue中，下列關于Vue實例對象說法不正確的是（）A)Vue實例對象是通過newVue({})方式創(chuàng)建的B)Vue實例對象只允許有唯一的一個根標簽C)通過methods參數可以定義事件處理函數D)Vue實例對象中data數據不具有響應特性答案:D解析:[單選題]35.AntDesignofVue的支持環(huán)境說法錯誤的是A)現代瀏覽器和IE9及以上B)Google瀏覽器C)不支持服務端渲染D)支持服務端渲染答案:C解析:[單選題]36.以下前端框架中，由中國人開發(fā)的是（）A)VueB)AngularC)ReactD)jQuery答案:A解析:[單選題]37.在Vue中，父組件對子組件屬性傳值是單向的，并且（）A)只能靜態(tài)綁定屬性B)只能動態(tài)綁定屬性C)可以靜態(tài)綁定屬性也可以動態(tài)綁定屬性D)不能綁定屬性答案:C解析:[單選題]38.vue項目中需要的依賴存放在哪個文件夾中（）A)node_modulesB)assetsC)srcD)components答案:A解析:[單選題]39.在Vue中，AntDesignofVue框架的組件格式正確的是（）A)<a-組件名屬性=值…></a-組件名>B)<組件名屬性=值…></組件名>C)<組件名屬性=值…/>D)<v-組件名屬性=值…></v-組件名>答案:A解析:[單選題]40.在Vue中，對于<formv-on:submit.prevent="onSubmit"></form>解釋正確的是（）A)會觸發(fā)調用event.stopPropagation()B)表單會觸發(fā)默認提交事件C)會觸發(fā)調用event.preventDefault()D)都不正確答案:C解析:[單選題]41.在Vue中，下列Vue實例的選項中支持緩存的是（）A)methodsB)computedC)watchD)data答案:B解析:[單選題]42.下列Vue選項參數說法錯誤的是A)watch：觀察Vue實例變化的一個表達式或計算屬性函數B)filters：Vue實例的計算屬性集合C)template：定義字符串模板作為Vue實例的標識使用D)components：包含Vue實例可用組件的哈希表答案:B解析:[單選題]43.對元素樣式的綁定就是對元素的class屬性或()屬性進行綁定。A)srcB)hrefC)styleD)name答案:C解析:[單選題]44.選擇器組件寫法正確的是A)<a-select><a-select-optionv-for="numinnums":key="num">{{num}}</a-select-option></a-select>B)<a-select-option><a-select-optionv-for="numinnums":key="num">{{num}}</a-select-option></a-select-option>C)<a-select><a-selectv-for="numinnums":key="num">{{num}}</a-select></a-select>D)以上都不對答案:A解析:[單選題]45.創(chuàng)建組件需要使用什么方法A)Vue.extend()B)Vponent()C)Vue.create()D)Vue.new()答案:A解析:[單選題]46.在Vue中，使用語法糖簡化了組件注冊，但是會導致A)只能全局注冊組件B)只能局部注冊組件C)HTML和JavaScript的解耦D)HTML和JavaScript的高耦合答案:D解析:特性分析[單選題]47.vue.js的應用程序頁面是由多個組件來組成，而（）的作用是通過路由進行組件之間的切換，將每個路徑映射到對應的組件。A)mapB)vue.jsC)vue-routerD)nmp答案:C解析:[單選題]48.下列關于Vue鉤子函數說法正確的是A)鉤子函數destoryed里面可以進行數據雙向綁定B)利用鉤子函數可以在vue生命周期的不同時期添加一些自己的代碼邏輯C)beforeMount可以獲取dom節(jié)點D)mounted先于created被調用答案:B解析:[單選題]49.在Vue中，關于filter說法錯誤的是A)過濾器只可以用在兩個地方：雙花括號插值和v-bind表達式B)過濾器必須被添加在JS表達式的尾部，由?管道?符號指示C)過濾器的參數為第一個表達式的結果D)過濾器分為全局過濾器和局部過濾器答案:C解析:概念理解[單選題]50.Vue中的注冊語法糖主要作用A)直接生成全局注冊代碼塊，簡化代碼B)直接生成局部注冊代碼塊，簡化代碼C)簡化組件注冊代碼，即在注冊組件時去除重復代碼D)簡化組件注冊過程，即在注冊組件時直接創(chuàng)建和注冊組件答案:D解析:[單選題]51.下列哪個函數可以將字符串轉成大寫字母。A)toLowercase()B)toLowerCase()C)toUppercase()D)toUpperCase()答案:D解析:[單選題]52.下列代碼的運行結果為100.00，將代碼補充完整。_________<scripttype="text/javascript">vardemo=newVue({el:'#box',data:{price:100}});</script>A)price.toFixed(2)B){{price.toFixed(3)}}C){{price.toFixed(2)}}D)[price.toFixed(2)]答案:C解析:[單選題]53.在使用Vue事件綁定時，當ViewModel被銷毀時A)所有事件處理器都會自動保存B)部分的事件處理器會自動保存C)所有事件處理器都會被自動刪除D)以上說話都不對答案:C解析:[單選題]54.()向數組的末尾添加一個或更多元素。A)sliceB)popC)pushD)splice答案:C解析:[單選題]55.運行下面代碼，輸出結果為（）。{{str|lowercase|firstUppercase}}<scripttype="text/javascript">vardemo=newVue({el:'#box',data:{str:'HTML'},filters:{lowercase:function(value){returnvalue.toLowerCase();},firstUppercase:function(value){returnvalue.charAt(0).toUpperCase()+value.substr(1);}}});</script>A)HTMLB)HtmlC)htmlD)4答案:B解析:[單選題]56.下列哪一個不是vue的優(yōu)點()。A)雙向數據綁定B)輕量級框架C)增加代碼的耦合度D)實現組件化答案:C解析:[單選題]57.定義本地過濾器使用()A)methodsB)dataC)filtersD)computed答案:C解析:[單選題]58.Vue中通過()獲取當前實例的子組件A)vm.$childrenB)vm.$rootC)vm.$dataD)$component答案:A解析:[單選題]59.在下列數據綁定方式中，()數據綁定方式可以輸出真正的HTML內容。A)v-htmlB){{}}方式C)v-textD)v-model答案:A解析:[單選題]60.下列有關v-for代碼使用正確的是A)v-for="iteminitem"B)v-for="iteminitems"C)v-for="itemsinitem"D)v-for="itemsinitems"答案:B解析:[單選題]61.Vue中，使用<script>標簽將定義在組件中的HTML模板分離時，template選項為（），用于查找對應的元素，然后將這個元素內的HTML作為模板進行編譯A)HTML元素B)對象C)idD)data答案:C解析:[單選題]62.某個程序使用了多個插槽，這時候要給每個slot定義一個name屬性，這種插槽被稱為()A)特殊插槽B)具名插槽C)作用域插槽D)默認插槽答案:B解析:[單選題]63.在具名插槽中，一個未設置name屬性的插槽，稱為（）。A)特殊插槽B)具名插槽C)作用域插槽D)默認插槽答案:D解析:[單選題]64.關于v-show和v-if的說法錯誤的是A)兩者都可以控制元素的顯示和隱藏B)v-if初始渲染時條件為假，則什么也不做。-直到條件第一次變?yōu)檎鏁r，才會開始渲染條件塊C)v-show通過控制css中的display設置為none，控制元素隱藏D)在頻繁的切換展示時，v-show相對于v-if要更消耗性能答案:D解析:[單選題]65.下列有關組件創(chuàng)建和注冊正確的是A)varmyComp=Vponent({template:"<h1>Vue組件！</h1>"});Vue.extend("my-comp",myComp);varvm=newVue({el:"#app"})B)varmyComp=Vue.extend({template:"<h1>Vue組件！</h1>"});Vponent("my-comp",myComp);varvm=newVue({el:"#app"})C)varvm=newVue({el:"#app",components:{"my-comp":myComp}});D)varvm=newVue({el:"#app",components:{"my-comp"，myComp}});答案:B解析:[單選題]66.以下有關子組件正確的是A)子組件以子標簽的形式在父組件中使用B)子組件只能在父組件中使用C)子組件可以再父組件標簽外使用D)子組件可以在父組件的每個選項中使用答案:B解析:[單選題]67.DOM渲染在哪個周期中就已經完成A)createdB)beforeCreateC)mountedD)beforeMount答案:C解析:[單選題]68.Vue中使用<script>標簽將定義在JavaScript中的HTML模板分離時，應指定<script>標簽的類型為A)text/javascriptB)text/x-templateC)text/htmlD)text/template答案:B解析:特性分析[單選題]69.Vue中表單元素上數據雙向綁定的指令是A)v-ifB)v-showC)v-forD)v-model答案:D解析:[單選題]70.以下有關HTML中屬性名正確的是A)屬性名的大小寫是不敏感的B)屬性名的大小寫是敏感的C)瀏覽器會把所有的字符解釋為大寫字符D)以上說法都錯誤答案:A解析:[單選題]71.以下哪一項不是選擇器組件的常用屬性A)allowClearB)autoClearSearchValueC)autoFocusD)src答案:D解析:[單選題]72.一個未設置name屬性的插槽，它有一個隱含的name屬性值是()，如果有些內容沒有被包含在含有v-slot的元素中，則這部分內容都會被視為默認插槽的內容。A)提交B)nameC)defalltD)slot答案:C解析:[單選題]73.一個被渲染的組件的模板中可以包含嵌套的<router-view>。要在嵌套的出口中渲染組件，需要在VueRouter實例中使用()_參數進行配置。A)childrenB)childC)router-linkD)routes答案:A解析:[單選題]74.npm包管理器是基于()平臺使用的。A)Node.jsB)VueC)BabelD)Angular答案:A解析:[單選題]75.Vue模板語法不包括A)文本插值B)表達式C)指令D)函數答案:D解析:[單選題]76.在Vue中，組件注冊語法糖的主要作用（）A)直接生成全局注冊代碼塊，簡化代碼B)直接生成局部注冊代碼塊，簡化代碼C)簡化組件注冊代碼，即在注冊組件時去除重復代碼D)簡化組件注冊過程，即在注冊組件時直接創(chuàng)建和注冊組件答案:D解析:[單選題]77.以下不屬于Vue事件綁定的優(yōu)點的是A)無需手動管理事件B)所有事件處理器都會自動保存C)解耦D)不會導致維護困難答案:B解析:[單選題]78.在Vue生命周期中，下列鉤子函數被執(zhí)行的先后順序正確的是（）A)created()>mounted()>beforeDestroy()B)mounted()>created()>beforeDestroy()C)beforeDestroy()>created()>mounted()D)created()>beforeDestroy()>mounted()答案:A解析:[單選題]79.有關Footer組件說法正確的是A)底部布局B)自帶默認樣式C)能嵌套任何元素D)可以放在layout組件之外答案:D解析:[單選題]80.在Vue中，在定義組件的選項時，data選項必須定義（）A)函數B)對象C)數組D)字符串答案:A解析:[單選題]81.以下不屬于AntDesign設計體系的四個方面的是A)設計價值觀B)視覺設計C)后端設計D)可視化設計答案:C解析:[單選題]82.v-show指令是根據表達式的值為判斷是否顯示或隱藏，當值為假時，就是將（）屬性值修改為（）A)display，noneB)display，blockC)show，noneD)show，block答案:A解析:[單選題]83.除了使用<router-link>創(chuàng)建<a>標簽可以定義導航鏈接之外，還可以使用router的()方法實現導航的功能。A)change()B)pop()C)push()D)to()答案:C解析:[單選題]84.v-for="(參數一，參數二，參數三)initems",參數一，參數二，參數三分別代表A)對象，屬性，索引B)屬性，對象，索引C)索引，屬性，對象D)索引，對象，屬性答案:A解析:[單選題]85.關于方法$message.success(content,[duration],onClose)參數說法錯誤的是A)content參數是要提示的內容B)duration是提示自動關閉的延遲時間C)duration設置為0時，提示一閃而過D)onClose關閉時觸發(fā)的回調函數答案:C解析:[單選題]86.組件的模板中不可以有（）選項A)elB)dataC)methodsD)computed答案:A解析:[單選題]87.Vue中使用<script>標簽將定義在JavaScript中的HTML模板分離時，template選項為A)HTML元素B)對象C)idD)data答案:C解析:概念理解[單選題]88.我們用來循環(huán)輸出新聞信息的vue指令是（）A)v-onB)v-forC)v-ifD)v-model答案:B解析:[單選題]89.組件的使用步驟是：A)創(chuàng)建組件->注冊組件->使用組件B)注冊組件->創(chuàng)建組件->使用組件C)注冊組件->初始化組件->創(chuàng)建組件->使用組件D)創(chuàng)建組件->注冊組件->初始化組件->使用組件答案:A解析:[單選題]90.設置帶有圖標的密碼框正確代碼是A)<a-inputplaceholder="請輸入密碼"type="password"slot="prefix"><a-icontype="unlock"/></a-input>B)<a-inputplaceholder="請輸入密碼"type="password"><