Vue开发基础(习题卷5)

试卷科目：Vue开发基础Vue开发基础(习题卷5)PAGE"pagenumber"pagenumber/SECTIONPAGES"numberofpages"numberofpagesVue开发基础第1部分：单项选择题，共90题，每题只有一个正确答案,多选或少选均不得分。[单选题]1.splice()方法的功能是（）A)从数组中添加或删除元素B)将数组中的最后一个数据取出C)向数组的开头添加一个或更多元素答案:A解析:[单选题]2.单页面应用主要通过URL中的()实现不同页面之间的切换A)hash（#）B)href('')C)view-link答案:A解析:[单选题]3.Vue是一套构建（）的渐进式框架A)用户界面B)图形界面C)交互界面答案:A解析:[单选题]4.Vue实例对象中能够实现深度监听的参数是（）A)heightB)lightC)deep答案:C解析:[单选题]5.MVVM主要包含3个部分，分别是Model、View和（）A)ViewModelB)view-ModelC)Model-view答案:A解析:[单选题]6.computed主要看依赖的数据，如果这个数据没有变化，computed中的函数就不会执行，因为它读取的是()中的内容。A)内存B)缓存C)Vue变量答案:B解析:[单选题]7.通过一个名称来标识一个路由的方式叫作A)命名路由B)路由对象C)编程式导航D)路由懒加载答案:A解析:[单选题]8.下列对于v-show指令的描述不正确的是（）。A)v-show指令是根据表达式的值来判断是否显示或隐藏DOM元素B)使用v-show指令的元素都始终会被渲染并保留在DOM中C)绑定值的改变只是切换元素的CSS属性displayD)如果在运行时条件很少改变，则需要使用v-show答案:D解析:[单选题]9.在Vue中，以下哪个选项表示注册组件A)Vue.extend()B)Vponent()C)Vue.create()D)Vue.new()答案:B解析:概念理解[单选题]10.关于按钮组件以下说法错误的是A)主按钮在同一个操作区域最多出现一次B)可以将多个按钮组件放入button-group容器中C)按钮容器组件<a-button-group>…</a-button-group>D)按钮容器组件<a-button>…</a-button>答案:D解析:[单选题]11.下面哪个方法()可以获取子字符串。A)substr()B)toLowerCase()C)indexOf（)D)toUpperCase()答案:A解析:[单选题]12.在Vue中，以下使用注册语法糖创建和注册组件的是（）A)Vponent('my-comp',{template:'<h1>Vue</h1>'})B)Vponent("my-comp",myComp)C)components:{"my-comp":myComp}D)以上选项都错误答案:A解析:[单选题]13.在Vue中，以下表达式正确的是（）A){{if(ok)returnmsg}}B){{varstr=?你好?}}C){{ok?"Yes":"No"}}D){{msg,num}}答案:C解析:[单选题]14.()可以将父组件的数据传递给子组件。A)dataB)methodsC)propsD)watch答案:C解析:[单选题]15.在Vue中，创建组件需要使用什么方法A)Vue.extend()B)Vponent()C)Vue.create()D)Vue.new()答案:A解析:概念理解[单选题]16.使用v-for指令不能遍历下列哪种数据类型？（）。A)整数B)字符串C)数组D)对象答案:B解析:[单选题]17.在Vue中，关于Vue全局过滤器和局部过滤器下列说法错误的是（）A)全局过滤器可以在整个页面中使用B)局部过滤器作用域是当前Vue实例中有效C)一个表达式可以使用多个过滤器D)当全局过滤器和局部过滤器名称相同时全局过滤器优先答案:D解析:[单选题]18.选择正确选项填入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解析:[单选题]19.安装vue-cli脚手架的命令是()：A)cnpminstallvueB)cnpminstall-gvue-cliC)cdvueD)cnpminstallexpress-g--save答案:B解析:[单选题]20.布局组件顶部导航(展示类页面)尺寸多少合理A)一级导航高度80px，二级导航高度56pxB)一级导航高度56px，二级导航高度80pxC)一级导航高度80px，二级导航高度80pxD)一级导航高度56px，二级导航高度56px答案:A解析:[单选题]21.如果在内联语句中需要获取原生的DOM事件对象，可以将特殊变量（）传入方法中。A)$eventB)$thisC)eventD)this答案:A解析:[单选题]22.在Vue中，<slot>标签是组件内部的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指令提供了几个修饰符,下列哪个不是v-model修饰符（）A)lazyB)numberC)trimD)fixed答案:D解析:[单选题]26.以下有关分离JavaScript中的HTML模板，错误的是A)Vue提供了两种方式将定义在JavaScript中的HTML模板分离出来B)使用<template>分离HTML模板需要指定type属性C)使用<script>分离HTML模板需要指定type属性D)可以使用<template>和<script>两个标签分离定义在JavaScript中的HTML模板答案:B解析:[单选题]27.在Vue中，以下关于Vue插值下列说法错误的是（）A){{文本}}用于插入与绑定文本B){{表达式}}可以使用JavaScript表达式进行简单的运算C){{}}中只支持单个表达式D){{}}支持语句和流控制答案:D解析:[单选题]28.设置价格前后缀的代码正确的是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设计模式不包含（）部分A)ModelB)ViewC)MvcD)ViewModel答案:C解析:[单选题]30.插槽(Slot)的显示与否是由()决定的A)子组件和父组件B)子组件C)父组件D)以上说法都错误答案:C解析:[单选题]31.Vue中创建插件提供的方法是（）A)installB)dataC)newD)filters答案:A解析:[单选题]32.直接在DOM中使用组件,其命名方式正确的是A)MyComponentB)My-ComponentC)myComponentD)My_Component答案:B解析:[单选题]33.关于AntDesignofVue的特点说法错误的是A)开发和服务于企业级后台产品B)开箱即用的高质量Vue组件C)共享AntDesignofReact设计工具体系D)以上说法都错误答案:D解析:[单选题]34.当我们需要使用多个插槽(Slot)时，应当使用A)默认插槽B)具名插槽C)父组件插槽D)子组件插槽答案:B解析:[单选题]35.()在实例创建之后调用A)beforeCreateB)createdC)mountedD)destroyed答案:B解析:[单选题]36.键盘上删除键的别名是()A)deleteB)ctrlC)altD)shift答案:A解析:[单选题]37.push向数组的末尾（）一个或更多元素。A)删除B)添加C)修改D)查找答案:B解析:[单选题]38.watch中的handler()方法A)其值是一个回调函数，即侦听到变化时应该执行的函数B)其值true或false，确认哪个数据发生改变C)其值是一个回调函数，确认是否以当前的初始值执行D)以上说话都正确答案:A解析:[单选题]39.vue中的动态组件通常通过使用（）元素，动态绑定到它的is属性上。A)<template>B)<component>C)<slot>D)<components>答案:B解析:[单选题]40.有关输入框组件常用属性说法正确的是A)addonAfter属性设置带前置标签的输入框B)addonBefore属性设置带后置标签的输入框C)defaultValue属性设置输入框默认内容D)default属性设置输入框默认内容答案:C解析:[单选题]41.下列代码中，当鼠标指向?显示?按钮时执行show方法，将代码补充完整。<button__________="show">显示</button>A)v-on:clickB)v-on:mouseoutC)v-on:dbclickD)v-on:mouseover答案:D解析:[单选题]42.Vue在插值表达式{{}}中加入下列哪种符号可以起到对数据过滤效果A)#B)|C)&D)$答案:B解析:[单选题]43.在Vue中，被用来响应地更新HTML属性的指令是A)v-onB)v-ifC)v-bindD)v-model答案:C解析:概念理解[单选题]44.在Vue中，计算属性以什么方式写在Vue的实例中A)函数B)变量C)实例D)选项答案:A解析:特性分析[单选题]45.在Vue中，组件实例的作用域是A)聚合的B)全局的C)孤立的D)联通的答案:C解析:特性分析[单选题]46.hash代表哪个（）符号A)-B)*C)$D)#答案:D解析:[单选题]47.以下哪个选项表示注册组件A)Vue.extend()B)Vponent()C)Vue.create()D)Vue.new()答案:B解析:[单选题]48.以下表达式正确的是A){{if(ok)returnmsg}}B){{varstr=?你好?}}C){{ok?"Yes":"No"}}D){{msg,num}}答案:C解析:[单选题]49.下列关于Vue说法错误的是A)Vue和Angular都可以用来创建复杂的前端项目B)Vue的优势主要包括轻量级、双向数据绑定C)Vue在进行实例化之前，应确保已经引入了核心文件vue.jsD)Vue与React语法是完全相同的答案:D解析:[单选题]50.有关Header组件说法正确的是A)顶部布局B)没有默认样式C)除了layout，不能嵌套任何元素D)可以放在layout组件之外答案:A解析:[单选题]51.按钮组件设置按钮大小【属性size】哪一项不正确A)smallB)largeC)可以不设置D)可以设置为数字答案:D解析:[单选题]52.在Vue中，下列选项可用来切换元素的可见状态的指令A)v-showB)v-hideC)v-toggleD)v-slideHide答案:A解析:概念理解[单选题]53.对于过滤器形式为msg|filter('a')的表达式说法正确的是A)该过滤器只接收一个参数aB)该过滤器不接收任何参数C)该过滤器接收两个参数msg、aD)以上说法都不正确答案:C解析:[单选题]54.在业务逻辑代码中实现导航跳转的方式称为A)编程式导航B)命名路由C)路由对象D)路由懒加载答案:A解析:[单选题]55.在Vue中，以下有关组件说法错误的是（）A)Vue中的组件相互孤立，不能重用B)组件可以扩展HTML元素C)组件能够封装可重用的HTML代码D)任意类型的应用界面都可以抽象为一个组件树答案:A解析:[单选题]56.在父组件监听自定义事件的时候，可以通过（）访问到传递的参数值。A)eventB)$eventC)$thisD)$e答案:B解析:[单选题]57.在下列选项中（）是插槽后备内容的正确格式A)<slot>确定</slot>B)<templatev-slot:?name?>确定</template>C)<slot></slot>确定D)<template>确定</template>答案:A解析:[单选题]58.鼠标左键的别名是()A)rightB)ctrlC)leftD)middle答案:C解析:[单选题]59.Vue实例对象中能够创建组件的参数是（）A)watchB)filtersC)watchingD)components答案:D解析:[单选题]60.在实例被初始化时被调用（）。A)beforeCreateB)beforeDestroyC)mountedD)destroyed答案:A解析:[单选题]61.下列哪一个不是Vue开发工具的是()。A)Chrome浏览器B)VSCode编辑器C)vue-devtoolsD)微信开发者工具答案:D解析:[单选题]62.在Vue中，向HTML中插入文本值可用下列（）符号A)《》B)<>C){{}}D)（）答案:C解析:[单选题]63.下列哪个选项是成功消息提示A)$message.successB)$message.errorC)$D)$message.warn答案:A解析:[单选题]64.vue使用axios申请ajax请求时，我们需要在html文件中引入vue.js文件和（）文件。A)ajax.jsB)axios.jsC)router.jsD)jQuery.js答案:B解析:[单选题]65.vue项目中需要的图片通常存放在哪个文件夹中（）A)node_modulesB)assetsC)srcD)components答案:B解析:[单选题]66.设置带有前缀的输入框代码是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中，下列钩子函数实例建立完成后调用是A)mounted()B)created()C)beforeDestroy()D)updated()答案:B解析:概念理解[单选题]69.如何实现Vue组件局部注册A)在Vue实例化时，设置选项参数的components参数属性B)在script标签内使用Vponent()方法C)在Vue实例化时，设置选项参数的extend参数属性D)在script标签内使用Vue.extend()方法答案:A解析:[单选题]70.下列代码中，通过Prop将父组件的数据传递给子组件，将代码补充完整。<my-componentmessage="父组件传递的数据"></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.下列有关栅格组件的行属性描述不正确的是A)align属性设置弹性布局的垂直对齐方式：top、middle和bottomB)gutter属性设置栅格间隔C)justify设置弹性布局下的垂直排列方式D)type属性是布局模式答案:C解析:[单选题]72.在组件之实现路由切换需要使用（）组件。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.下列选项中，可用来切换元素的可见状态的指令A)v-showB)v-hideC)v-toggleD)v-slideHide答案:A解析:[单选题]75.Vue实例对象中能够监听状态变化的参数是A)watchB)filtersC)watchingD)components答案:A解析:[单选题]76.vue找到对应的路由后，会把对应的组件渲染到（）中。A)<component>B)<template>C)<router-link>D)<router-view>答案:D解析:[单选题]77.下面代码的输出结果是（）。{{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.组件的扩展名是()A)vueB)jsC)htmlD)css答案:A解析:[单选题]79.关于Vue安装下列说法正确的是A)Vue是Javascript框架所以不需要安装B)只要引入jQuery就可以使用VueC)Vue要用script标签引入D)以上都不对答案:C解析:[单选题]80.下列方法中，哪个不是用于检测数组变化的变异方法？（）。A)pushB)unshiftC)spliceD)filter答案:D解析:[单选题]81.（）指令使用"iteminitems"形式的语法A)v-onB)v-forC)v-onceD)v-bind答案:B解析:[单选题]82.下列哪个是触发自定义事件的关键字（）A)propsB)$emitC)emitD)change答案:B解析:[单选题]83.Vue中的组件是A)一个HTML元素B)可复用的Vue实例C)Vue实例的一个属性D)以上说法都错误答案:B解析:[单选题]84.Vue中实现数据双向绑定的是（）A)v-bindB)v-forC)v-modelD)v-if答案:C解析:[单选题]85.在vue.js中使用vue-router插件可以提供路由管理的功能，在使用它之前需要在页面中引入该插件，引入它有多种方法，哪种说法是错误的（）。A)使用CDN方法B)使用NPM方法C)无需下载安装可以直接使用D)直接下载并使用<script>标签引入答案:C解析:[单选题]86.Vue通常在实例对象中用来实现计算功能的参数是()。A)watchB)filtersC)computedD)components答案:C解析:[单选题]87.vue.js的条件渲染指令中，如果需要频繁地切换DOM，需要使用（）A)v-ifB)v-showC)v-forD)v-bind答案:B解析:[单选题]88.只有当?耗时?，?大量的搜索?，?大量的数据操作?时，才会使用()A)computedB)methodsC)dataD)filter答案:A解析:[单选题]89.在Vue中，以下不属于Vue组件的使用步骤的是（）A)创建组件B)注册组件C)初始化组件D)使用组件答案:C解析:[