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

試卷科目：Vue開發(fā)基礎Vue開發(fā)基礎(習題卷3)PAGE"pagenumber"pagenumber/SECTIONPAGES"numberofpages"numberofpagesVue開發(fā)基礎第1部分：單項選擇題，共90題，每題只有一個正確答案,多選或少選均不得分。[單選題]1.Vue中通過（）屬性獲取相應DOM元素A)refsB)resC)filters答案:A解析:[單選題]2.進行class屬性綁定時，數據可以綁定變量，也可以是對象或______。A)數組B)getC)post答案:A解析:[單選題]3.對元素的class屬性進行綁定時，綁定的數據可以是變量（)。A)數組B)對象C)對象或數組答案:C解析:[單選題]4.vue使用axios申請ajax請求時，如果請求成功會執(zhí)行（）里的指令。A)catchB)getC)then答案:C解析:[單選題]5.使用watch選項監(jiān)聽對象內部值的變化，可以在監(jiān)聽屬性的選項參數中設置___________選項。A)deepB)onceC)vue答案:A解析:[單選題]6.雙向綁定修飾符中（）可以實現(xiàn)文本框中的值發(fā)生change事件后與它綁定的數據才變化A)trimB)numberC)lazy答案:C解析:[單選題]7.使用___獲取當前激活的路由的狀態(tài)信息A)路由對象B)編程式導航C)命名路由D)路由懶加載答案:A解析:[單選題]8.AntDesignofVue的輸入框組件和按鈕組件寫法正確的是A)<a-inputplaceholder="請輸入..."></a-input>和<a-buttontype="primary">按鈕</a-button>B)<a-inputplaceholder="請輸入..."/>和<a-buttontype="primary">按鈕</a-button>C)<a-inputplaceholder="請輸入..."></a-input>和<a-buttontype="primary"value="按鈕"/>D)<a-inputplaceholder="請輸入..."/>和<a-buttontype="primary"value="按鈕"/>答案:B解析:[單選題]9.Vue.js中的鼠標單擊事件的簡寫方法是（）A)v-on:keyupB)@mouseoverC)@clickD)v-on:click答案:C解析:[單選題]10.Radio的主要屬性說法錯誤的是A)value設置是否選中B)autoFocus自動獲取焦點C)checked指定當前是否選中D)defaultChecked初識是否選中答案:A解析:[單選題]11.下列哪一個不是Vue選項參數A)dataB)elC)viewD)methods答案:C解析:[單選題]12.header組件用法正確的是A)<a-layout><header>….…</header></a-layout>B)<a-layout><a-layout-header>….…</a-layout-header></a-layout>C)<a-layout-header>….…</a-layout-header>D)<a-layout><a-layout-header/></a-layout>答案:B解析:[單選題]13.插槽(Slot)主要在Vue的()中使用A)兄弟組件中B)父子組件中C)任意選項中D)以上說法都錯誤答案:B解析:[單選題]14.下列有關柵格化組件說法錯誤的是A)基于行和列來定義信息區(qū)塊的外部框架B)柵格化系統(tǒng)不支持flex布局C)允許子元素在父節(jié)點內的水平對齊方式有居左，居中，居右、等寬排列和分散排列D)子元素與子元素之間，支持頂部對齊、垂直居中對齊及底部對齊的方式答案:B解析:[單選題]15.在Vue中，有關AntDesignofVue的安裝說法錯誤的是（）A)瀏覽器引入，在瀏覽器中使用<script>標簽和<link>標簽直接引入文件B)使用npm安裝C)使用yarn安裝D)不用安裝引用直接寫代碼答案:D解析:[單選題]16.以下有關v-for指令使用錯誤的是A)使用v-for時盡可能提供key屬性，除非遍歷輸出的DOM內容非常簡單，或者是刻意依賴默認行為提升性能B)不要使用對象或者數組之類的非基本類型值作為v-for的keyC)v-for默認使用"就地更新"策略，即數據項的順序被改變，Vue會移動DOM元素來匹配數據項順序D)使用字符串和數值類型的值來作為v-for的key的值答案:C解析:[單選題]17.定義組件的模板，要使用（）關鍵字。A)VponentB)componentsC)templateD)<my-com></my-com>答案:C解析:[單選題]18.在Vue中，v-for="(參數一，參數二，參數三)initems",參數一，參數二，參數三分別代表（）A)對象，屬性，索引B)屬性，對象，索引C)索引，屬性，對象D)索引，對象，屬性答案:A解析:[單選題]19.在項目中可以通過npm命令()安裝路由vue-routerA)npminstallvue-routerB)npmvue-routerC)npmInstallvueRouterD)npminstallaxios答案:A解析:[單選題]20.定義組件時，組件名通常（）A)全小寫B(tài))全大寫C)首字母大寫D)沒要求答案:C解析:[單選題]21.在Vue中，以下關于指令的說法錯誤的是（）A)Vue實例對象指令主要包括自定義指令和內置指令B)Vue事件綁定指令是v-onC)Vue雙向數據綁定的指令是v-bindD)v-if條件渲染指令答案:C解析:[單選題]22.在Vue中，關于v-text和v-html說法錯誤的是（）A)v-text可以更新元素的innerTextB)v-html可以更新元素的innerHTMLC)使用v-html時需要注意XSS攻擊D)v-text的內容會按照普通HTML插入，不會作為Vue模板進行編譯答案:D解析:[單選題]23.Vue初始數據在實例對象的()參數中進行定義A)dataB)newC)filtersD)watching答案:A解析:[單選題]24.Sider組件用法正確的是A)<a-layout><a-layout-sider>….…</a-layout-sider></a-layout>B)<a-layout><sider>….…</sider></a-layout>C)<a-layout-sider>….…</a-layout-sider>D)<a-layout><a-layout-sider/></a-layout>答案:A解析:[單選題]25.在下列Vue指令中描述錯誤的是（）。A)v-on指令用于監(jiān)聽DOM事件B)v-show指令用于判斷是否顯示或隱藏DOM元素C)v-html指令可以更新元素的innerHTMLD)v-model指令用于在表單控件元素上創(chuàng)建單向數據綁定答案:D解析:[單選題]26.在Vue中，下列關于created和mounted說法錯誤的是（）A)created中可以對dom節(jié)點進行操作B)created先于mounted執(zhí)行C)created中可以初始化處理數據D)mounted中可以對dom節(jié)點進行操作答案:A解析:[單選題]27.對于解釋正確的是A)會觸發(fā)調用event.stopPropagation()B)表單會觸發(fā)默認提交事件C)會觸發(fā)調用event.preventDefault()D)都不正確答案:C解析:[單選題]28.以下哪個選項代表Vue中的偵聽屬性A)watchB)computedC)filtersD)methods答案:A解析:[單選題]29.Vue實例對象通過()方式來獲取A)vm.$rootB)vm.$dataC)vm.$childrenD)$component答案:A解析:[單選題]30.下列（）是用來定義數據的（）A)methodsB)dataC)filtersD)watch答案:B解析:[單選題]31.標簽是組件內部的A)對象B)HTML元素C)占位符D)屬性答案:C解析:[單選題]32.前端路由在訪問一個新頁面的時候僅僅是變換了一下()值而已，沒有和服務端交互，所以不存在網絡延遲，提升了用戶體驗。A)hashB)paramsC)queryD)a答案:A解析:[單選題]33.下列說法錯誤的是A)Vue中選項參數el只能用css選擇器B)在Vue示例內部訪問data中的數據，可以使用?this.數據?C)v-model可以在select表單控件元素上創(chuàng)建雙向數據綁定D)Vue實例可以作用在body元素上答案:A解析:[單選題]34.Vue事件處理方法和表達式都嚴格綁定在A)ViewModelB)ViewC)DOMD)Model答案:A解析:特性分析[單選題]35.在Vue中，下列說法錯誤的是A)Vue中選項參數el只能用css選擇器B)在Vue示例內部訪問data中的數據，可以使用?this.數據?C)v-model可以在select表單控件元素上創(chuàng)建雙向數據綁定D)Vue實例可以作用在body元素上答案:A解析:概念理解[單選題]36.在Vue中，能夠實現(xiàn)頁面單擊事件綁定的代碼是A)v-on:enterB)v-on:clickC)v-on:mouseenterD)v-if答案:B解析:[單選題]37.在Vue中，全局注冊組件的特點是（）A)組件只能在當前Vue實例下使用B)組件可以在當前頁面的任意Vue實例下使用C)組件只能在當前Vue實例下的其他組件內使用D)組件可以在全部的任意Vue實例下使用答案:B解析:[單選題]38.注冊語法糖作用原理A)在注冊組件時，Vue在背后會自動調用Vponent()方法B)在注冊組件時，Vue在背后會自動調用Vue.extend()方法C)在使用組件時，Vue在背后會自動調用Vponent()方法D)在使用組件時，Vue在背后會自動調用Vue.extend()方法答案:B解析:[單選題]39.有關AntDesignofVue的安裝說法錯誤的是A)瀏覽器引入，在瀏覽器中使用<script>標簽和<link>標簽直接引入文件B)使用npm安裝C)使用yarn安裝D)不用安裝引用直接寫代碼答案:D解析:[單選題]40.在Vue中，以下有關分離JavaScript中的HTML模板，錯誤的是A)Vue提供了兩種方式將定義在JavaScript中的HTML模板分離出來B)使用<template>分離HTML模板需要指定type屬性C)使用<script>分離HTML模板需要指定type屬性D)可以使用<template>和<script>兩個標簽分離定義在JavaScript中的HTML模板答案:B解析:特性分析[單選題]41.在Vue中，下列說法正確的是（）A)vue是后端框架B)vue是基于jQuery開發(fā)的框架C)vue是前端框架D)以上說法都不對答案:C解析:[單選題]42.v-for指令需要為每一項提供一個唯一（）屬性A)keyB)valueC)objectD)index答案:A解析:[單選題]43.定義局部組件要寫在vue實例中，使用的關鍵字是（）A)ponentB)VponentC)componentD)components答案:D解析:[單選題]44.()相當于JavaScript指令中的else語句部分，可以與v-if一起使用。A)v-ifB)v-forC)elseD)v-else答案:D解析:[單選題]45.運行以下代碼，頁面中的輸出結果是（）。一等二等三等四等<scripttype="text/javascript">vardemo=newVue({el:'#box',data:{score:75}});</script>A)一等B)二等C)三等D)四等答案:C解析:[單選題]46.定義數組數據時，使用()符號。A)()B)[]C){}D)不使用括號答案:B解析:[單選題]47.在子組件中觸發(fā)自定義事件的方法是（）。A)$emitB)$eventC)$thisD)$on答案:A解析:[單選題]48.v-model的使用正確的是A)<inputtype="text"v-model="message"/>B)<inputtype="text"v-model:"message"/>C)<inputtype="text"v-model@:"message"/>D)以上都不對答案:A解析:[單選題]49.在Vue中，以下不屬于Vue事件綁定的優(yōu)點的是A)無需手動管理事件B)所有事件處理器都會自動保存C)解耦D)不會導致維護困難答案:B解析:特性分析[單選題]50.下列有關框組件說法錯誤的是A)框組件用于在多個備選項中選中單個狀態(tài)B)框組件中所有選項默認可見，方便用戶在比較中選擇C)框組件包含兩個部分：RadioButton和RadioGroupD)以上都不對答案:D解析:[單選題]51.當我們在組件中使用了多個插槽，這時需要在slot元素中加上name屬性，這種被定義的插槽被稱為（）A)默認插槽B)具名插槽C)作用域插槽D)特殊插槽答案:B解析:[單選題]52.下列寫法錯誤的是A)<button:click="doAdd">加法</button>B)<buttonv-on:click="doSub(event)">減法</button>C)<button@click="alert(vm.num1*vm.num2)">乘法</button>D)<button@click="doDiv()">除法</button>答案:A解析:[單選題]53.在Vue中，以下有關計算屬性正確的是（）A)計算屬性只能依賴一個Vue實例的數據B)所有計算屬性都寫在Vue實例內的methods選項內C)每一個計算屬性都只包含了一個getter（）方法D)在計算屬性里可以完成各種復雜的邏輯，最終會返回結果答案:D解析:[單選題]54.我們定義了一個如下一個的全局組件：Vponent('my-component',{template:'<h2>這是我定義的全局組件</h2>'})那么使用這個組件的正確格式是（）。A)<my-co></my-co>B)<my-com></my-com>C)<my-comp></my-comp>D)<my-component></my-component>答案:D解析:[單選題]55.在Vue中，組件是（）A)一個HTML元素B)可復用的Vue實例C)Vue實例的一個屬性D)以上說法都錯誤答案:B解析:[單選題]56.在Vue中，watch對象的屬性值是一個函數，這個函數有（）個形參A)0B)1C)2D)3答案:C解析:[單選題]57.在Vue中，當遍歷大數組或者做大量計算時，使用一下哪個選項效率最高A)methodsB)computedC)componentsD)data答案:B解析:特性分析[單選題]58.下列選項中支持緩存的是A)methodsB)computedC)watchD)data答案:B解析:特性分析[單選題]59.在Vue中，watch中的handler()方法A)其值是一個回調函數，即偵聽到變化時應該執(zhí)行的函數B)其值true或false，確認哪個數據發(fā)生改變C)其值是一個回調函數，確認是否以當前的初始值執(zhí)行D)以上說話都正確答案:A解析:概念理解[單選題]60.在Vue中，文本插值也接受表達式形式的值，以下關于文本插值中表達式的形式說法錯誤的是（）A)表達式可以是JavaScript中的表達式，用于計算結果B)表達式中也可以包含過濾器C)表達式是各種數值、變量和運算符的綜合體，簡單的表達式可以是常量或者變量名稱。D)表達式中的過濾器的數量只能有一個答案:D解析:[單選題]61.在Vue中，以下有關v-for指令使用錯誤的是（）A)使用v-for時盡可能提供key屬性，除非遍歷輸出的DOM內容非常簡單，或者是刻意依賴默認行為提升性能B)不要使用對象或者數組之類的非基本類型值作為v-for的keyC)v-for默認使用"就地更新"策略，即數據項的順序被改變，Vue會移動DOM元素來匹配數據項順序D)使用字符串和數值類型的值來作為v-for的key的值答案:C解析:[單選題]62.下面關于@vue/cli創(chuàng)建的項目中src目錄下的文件夾或文件的描述不正確的是（）。A)assets文件夾用于存儲靜態(tài)資源，會被webpack構建B)components文件夾用于存儲公共組件C)main.js是項目的入口文件D)store.js是項目的路由配置文件答案:D解析:[單選題]63.下列鉤子函數實例建立完成后調用是A)mounted()B)created()C)beforeDestroy()D)updated()答案:B解析:[單選題]64.在Vue中，DOM渲染在哪個周期中就已經完成A)createdB)beforeCreateC)mountedD)beforeMount答案:C解析:概念理解[單選題]65.在MVC設計模式中負責數據處理和運算是A)ModelB)ViewC)ControllerD)以上都不是答案:A解析:[單選題]66.以下多柵格組件使用說法錯誤的是A)柵格組件從堆疊排列到水平排列B)使用單一的一組行和列柵格組件，就可以創(chuàng)建一個基本的柵格系統(tǒng)，所有列必須放在行內C)柵格常常需要和間隔進行配合，間隔可以使用行的gutter屬性D)使用列的offset屬性可以設置外邊距答案:D解析:[單選題]67.在Vue中，下列引入vue.js的方式正確的是（）A)<scripthref=?js/vue.min.js"></script>B)<linksrc=?js/vue.min.js"></link>C)<linksrc="/vue/2.6.10/vue.min.js"></link>D)<scriptsrc="/vue/2.6.10/vue.min.js"></script>答案:D解析:[單選題]68.以下哪個指令是用來監(jiān)聽DOM事件的A)v-onB)v-forC)v-modelD)v-bind答案:A解析:[單選題]69.鼠標移入事件的簡寫方法是（）A)v-on:keyupB)@mouseoverC)@clickD)v-on:click答案:B解析:[單選題]70.在Vue中，下列不屬于Vue開發(fā)所需工具的是（）A)Chrome瀏覽器B)VSCode編譯器C)vue-devtoolsD)微信開發(fā)者工具答案:D解析:[單選題]71.下列組件的模板的正確格式是，其中count是data中的變量（）A)template:"{{count}}"B)template:"<inputtype='text'v-model='count'/>{{count}}"C)template:"<inputtype='text'v-model='count'/>count"D)template:"<inputtype='text'v-model='count'/>{{count}}"答案:D解析:[單選題]72.Vue實例對象中的el參數表示()A)唯一根標簽B)數據標簽C)methods方法D)div標簽答案:A解析:[單選題]73.下列框架中不屬于JavaScript框架的是（）A)SpringB)AngularC)ReactD)Vue答案:A解析:[單選題]74.被用來響應地更新HTML屬性的指令是A)v-onB)v-ifC)v-bindD)v-model答案:C解析:[單選題]75.Vue中使用標簽將定義在JavaScript中的HTML模板分離時，template選項為A)HTML元素B)對象C)idD)data答案:C解析:[單選題]76.在Vue中，當我們需要深度偵聽一個對象屬性的變化，以下設置正確的是（）A)設置immediate為falseB)設置immediate為trueC)設置deep為falseD)設置deep為true答案:D解析:[單選題]77.Vue常用選項參數中必須的參數是A)dataB)elC)methodsD)filters答案:B解析:[單選題]78.在Vue中，以下實現(xiàn)Vue組件局部注冊正確的是（）A)在Vue實例化時，設置選項參數的components參數屬性B)在script標簽內使用Vponent()方法C)在Vue實例化時，設置選項參數的extend參數屬性D)在script標簽內使用Vue.extend()方法答案:A解析:[單選題]79.關于vue，下列說法正確的是A)vue是后端框架B)vue是基于jQuery開發(fā)的框架C)vue是前端框架D)以上說法都不對答案:C解析:[單選題]80.用來實現(xiàn)監(jiān)聽的關鍵字是()A)watchB)filtersC)watchingD)components答案:A解析:[單選題]81.組件實例的作用域是A)聚合的B)全局的C)孤立的D)聯(lián)通的答案:C解析:[單選題]82.關于表單組件說法錯誤的是A)表單組件是具有數據收集、校驗和提交功能B)表單組件包含復選框、框、輸入框和下拉選擇框等C)表單包含表單域，表單域可以是輸入控件、標準表單域、標簽、下拉菜單、文本域等D)以上都不對答案:D解析:[單選題]83.在Vue中，需要對數據進行格式化操作如日期格式化通常使用（）選項參數A)dataB)computedC)filtersD)template答案:C解析:[單選題]84.關于柵格化列間隔使用正確的是A)<a-row:span="6"><a-col:gutter="16">col-6</a-col><a-col:gutter="16">col-6</a-col><a-col:gutter="16">col-6</a-col><a-co:gutter="16">col-6</a-col></a-row>B)<a-row:gutter="16"><a-col:span="6">col-6</a-col><a-col:span="6">col-6</a-col><a-col:span="6">col-6</a-col><a-col:span="6">col-6</a-col></a-row>C)<a-row><a-col:span="6":gutter="16">col-6</a-col><a-col:span="6":gutter="16">col-6</a-col><a-col:span="6":gutter="16">col-6</a-col><a-col:span="6":gutter="16">col-6</a-col></a-row>D)以上都不對答案:B解析:[單選題]85.應用v-for指令遍歷對象時，如果有三個參數，第三個參數是（）的別名。A)屬性名（鍵名）B)屬性值C)對象名稱D)索引值答案:D解析:[單選題]86.在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解析:[單選題]87.下面列出的鉤子函數會在Vue實例銷毀完成時執(zhí)行的是（）A)updatedB)destroyedC)createdD)mounted答案:B解析:[單選題]88.要實現(xiàn)組件的局部注冊在以下哪個選項中進行設置A)dataB)watchC)componentsD)computed答案:C解析:[單選題]89.在Vue中，關于v-bind:class說法錯誤的是（）A)不可以與普通的class屬性共存B)類樣式名可以有多個C)v-bind:class可以簡寫成:classD)v-bind:class可以使用三目表達式答案:A解析:[單選題]90.有時候，通過一個名稱來標