Vue开发基础(习题卷4)

试卷科目：Vue开发基础Vue开发基础(习题卷4)PAGE"pagenumber"pagenumber/SECTIONPAGES"numberofpages"numberofpagesVue开发基础第1部分：单项选择题，共90题，每题只有一个正确答案,多选或少选均不得分。[单选题]1.当选中某个按钮时，v-model绑定的属性值会被赋值为该按钮的________。A)valueB)allC)request答案:A解析:[单选题]2.Vue实例对象获取子组件实例对象的方式是()A)$parentB)$childrenC)$child答案:B解析:[单选题]3.vue-router提供了一种隐式的引用路径，即()。可以在创建Router实例的时候，在routes中给某个路由设置名称name值。通过一个名称来标识一个路由显得更方便一些，特别是在链接一个路由，或者是执行一些跳转的时候，通过路由的名称取代路径地址直接使用。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可以监听组件的自定义事件C)v-on:click可以直接监听组件触发的原生click事件D)v-on可以一次监听多个事件答案:C解析:[单选题]8.在Vue中，当计算属性依赖的数据发生改变时A)计算属性不会重新执行，视图也不会更新B)计算属性会重新执行，视图不会更新C)计算属性会重新执行，视图也会更新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.当计算属性依赖的数据发生改变时A)计算属性不会重新执行，视图也不会更新B)计算属性会重新执行，视图不会更新C)计算属性会重新执行，视图也会更新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.以下哪个选项使用注册语法糖创建和注册组件A)Vponent('my-comp',{template:'<h1>Vue</h1>'})B)Vponent("my-comp",myComp)C)components:{"my-comp":myComp}D)以上选项都错误答案:A解析:[单选题]19.下列不属于Vue开发所需工具的是()。A)Chrome浏览器B)VSCode编辑器C)vue-devtoolsD)微信开发者工具答案: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)需要一个更优秀的器时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实例对象中能够监听状态变化的参数是（）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.下列代码中，当鼠标单击?显示?按钮时执行show方法，将代码补充完整。<button__________="show">显示</button>A)v-on:clickB)v-on:mouseoutC)v-on:dbclickD)v-on:mouseover答案:A解析:[单选题]34.在Vue中，下列关于Vue实例对象说法不正确的是（）A)Vue实例对象是通过newVue({})方式创建的B)Vue实例对象只允许有唯一的一个根标签C)通过methods参数可以定义事件处理函数D)Vue实例对象中data数据不具有响应特性答案:D解析:[单选题]35.AntDesignofVue的支持环境说法错误的是A)现代浏览器和IE9及以上B)Google浏览器C)不支持服务端渲染D)支持服务端渲染答案:C解析:[单选题]36.以下前端框架中，由中国人开发的是（）A)VueB)AngularC)ReactD)jQuery答案:A解析:[单选题]37.在Vue中，父组件对子组件属性传值是单向的，并且（）A)只能静态绑定属性B)只能动态绑定属性C)可以静态绑定属性也可以动态绑定属性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)会触发调用event.stopPropagation()B)表单会触发默认提交事件C)会触发调用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.创建组件需要使用什么方法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节点D)mounted先于created被调用答案:B解析:[单选题]49.在Vue中，关于filter说法错误的是A)过滤器只可以用在两个地方：双花括号插值和v-bind表达式B)过滤器必须被添加在JS表达式的尾部，由?管道?符号指示C)过滤器的参数为第一个表达式的结果D)过滤器分为全局过滤器和局部过滤器答案:C解析:概念理解[单选题]50.Vue中的注册语法糖主要作用A)直接生成全局注册代码块，简化代码B)直接生成局部注册代码块，简化代码C)简化组件注册代码，即在注册组件时去除重复代码D)简化组件注册过程，即在注册组件时直接创建和注册组件答案: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的优点()。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初始渲染时条件为假，则什么也不做。-直到条件第一次变为真时，才会开始渲染条件块C)v-show通过控制css中的display设置为none，控制元素隐藏D)在频繁的切换展示时，v-show相对于v-if要更消耗性能答案:D解析:[单选题]65.下列有关组件创建和注册正确的是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)简化组件注册过程，即在注册组件时直接创建和注册组件答案:D解析:[单选题]77.以下不属于Vue事件绑定的优点的是A)无需手动管理事件B)所有事件处理器都会自动保存C)解耦D)不会导致维护困难答案:B解析:[单选题]78.在Vue生命周期中，下列钩子函数被执行的先后顺序正确的是（）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>创建<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关闭时触发的回调函数答案:C解析:[单选题]86.组件的模板中不可以有（）选项A)elB)dataC)methodsD)computed答案:A解析:[单选题]87.Vue中使用<script>标签将定义在JavaScript中的HTML模板分离时，template选项为A)HTML元素B)对象C)idD)data答案:C解析:概念理解[单选题]88.我们用来循环输出新闻信息的vue指令是（）A)v-onB)v-forC)v-ifD)v-model答案:B解析:[单选题]89.组件的使用步骤是：A)创建组件->注册组件->使用组件B)注册组件->创建组件->使用组件C)注册组件->初始化组件->创建组件->使用组件D)创建组件->注册组件->初始化组件->使用组件答案:A解析:[单选题]90.设置带有图标的密码框正确代码是A)<a-inputplaceholder="请输入密码"type="password"slot="prefix"><a-icontype="unlock"/></a-input>B)<a-inputplaceholder="请输入密码"type="password"><