2024年《Vue.js高效前端开发》考试复习题库及答案.docx

2024年Vue.js高效前端开发考试复习题库及答案一、单选题1.在VUe中，以下关于WatCh中的handler。方法说法正确的是()A、其值是一个回调函数，即侦听到变化时应该执行的函数B、其值true或false,确认哪个数据发生改变C、其值是一个回调函数，确认是否以当前的初始值执行D、以上说话都正确标准答案：A2.在VUe中，下列关于事件修饰符解释错误的是()A、 .once：点击事件可以触发多次。B、 .stop：等同于调用event,stopPropagation()。.prevent：等同于调用event.preventDefault()o.capture：使用CaPtUre模式添加事件监听器。标准答案：A3 .在AntDesignofVue中，用于设置输入框前后缀的代码正确的是()A、a-inputplaceholder=总金额defaultValue="O.00¥元/-inputB、a-inputplaceholder=总金额defaultValue="O.00¥元/-input>C><a-inputplaceholder=总金额defaultValue='O.00¥元</-input>D、以上都不对标准答案：A4 .在VUe中，下列关于VUe说法错误的是（）A、VUe和AngUIar都可以用来创建复杂的前端项目B、VUe的优势主要包括轻量级、双向数据绑定C、VUe在进行实例化之前，应确保已经引入了核心文件vue.jsD、VUe与ReaCt语法是完全相同的标准答案：D5 .在VUe中，VUe实例对象中能够监听状态变化的参数是OA、 watchB、 filtersC、 watchingD、 ponents标准答案：A6 .在VUe中，关于VUe安装下列说法正确的是（）A、VUe是JaVaSCriPt框架所以不需要安装B、只要引入jQuery就可以使用VUeC、VUe要用SCriPt标签引入D、以上都不对标准答案：C7 .在VUe中，v-for=（参数一，参数二，参数三）initems，参数一,参数二，参数三分别代表OA、对象，属性，索引B、属性，对象，索引C、索引，属性，对象D、索引，对象，属性标准答案：A8 .在AntDeSignOfVUe中，以下代码用于设置带有前缀的输入框，其中正确的是OA、<a-inputplaceholder=z,请输入.,><a-iconslot="zprefiz,type=,zuserz"><a-input>B、<a-inputplaceholder=，/请输入.“slot二prefix"><a-icontype=,user,z><a-input>C、<a-inputplaceholder=z,请输入.slot=PrefiXtype=USer"><a-icon><a-input>D、以上都不对标准答案：A9 .在AntDesignofVue中，<a-button>He11oworld!<a-button>最终会被渲染结果是OA、<buttonname=z,btn,>Helloworld!<button>B、<buttonname=,btn,><div>He11oworld!<div><button>C、 <button>HelIoworId!<button>D、 <button><div>HelIoworld!<div><button>标准答案：A10.在VUe中，关于Vue全局过滤器和局部过滤器下列说法错误的是OA、全局过滤器可以在整个页面中使用B、局部过滤器作用域是当前VUe实例中有效C、一个表达式可以使用多个过滤器D、当全局过滤器和局部过滤器名称相同时全局过滤器优先标准答案：DI1.在VUe中，在定义组件的选项时，data选项必须定义()A、函数B、对象C、数组D、字符串标准答案：A12 .在Vue中，需要对数据进行格式化操作如日期格式化通常使用O选项参数A、 dataB、 putedC、 filtersD、 template标准答案：C13 .在VUe中，v-for指令需要为每一项提供一个唯一()属性，以便它能跟踪每一行的数据A、keyB、 valueC、 objectD、 index标准答案：A14 .在Ve中，以下关于AntDesignofVue框架的支持环境说法错误的是（）A、现代浏览器和IIE9及以上B、Google浏览器C、不支持服务端渲染D、支持服务端渲染标准答案：C15 .在VUe中，对于<formv-Or1：SUbnIit.prevent=,onSbmitzz><form>解释正确的是OA、会触发调用event.StopPropagationOB、表单会触发默认提交事件C、会触发调用event.PreventDefault（）D、都不正确标准答案：C16 .在Vue实例常用选项参数中，必须的参数是（）A、dataB、elC>methodsD、filters标准答案：B17 .在VUe中，以下关于v-model指令使用正确的是（）A、<inputtype=,ztext,zv-model=,message,>B、<inputtype=,text,v-model:,message/,>C、<inputtype=,ztext,zv-model:,message,>D、以上都不对标准答案：A18 .在VUe中，VUe绑定内联样式指令正确的是OA、 v-bind:classB、 v-bind:styleC、 v-bind:hrefD、 v-bind:title标准答案：B19 .在VUe中，使用AntDeSigne）fVue的全局提示显示消息，以下方式正确的是OA、this.$（消息提示）；B、（消息提示）；C、this.$message.alert（消息提示）;D、this,message,alert（消息提示）；标准答案：A20 .在VUe中，下列关于Vue实例选项参数说法错误的是OA、watch：观察VUe实例变化的一个表达式或计算属性函数B、filters：VUe实例的计算属性集合C、template：定义字符串模板作为VUe实例的标识使用D、ponents：包含VUe实例可用组件的哈希表标准答案：B21 .下列框架中不属于JaVaSCriPt框架的是()A、 SpringB、 AngularC、 ReactD、Vue标准答案：A22 .在VUe中，对于过滤器形式为InSglfiIter('a')的表达式说法正确的是()A、该过滤器只接收一个参数aB、该过滤器不接收任何参数C、该过滤器接收两个参数msg、aD、以上说法都不正确标准答案：C23 .在VUe中，下列Vue实例的选项中支持缓存的是OA、methodsB、putedC>watchD、data标准答案：B24 .在Vue中，以下关于AntDesignofVue中1.ayout组件说法错误的是（）A、布局容器B、可嵌套Header组件、Sider组件、Content组件、Footer组件、或1.ayout组件本身C、可以放在任何父容器中D、以上说法错误标准答案：D25 .在VUe的双向数据绑定中，（）是VUe的核心A、 ViewB、 ViewModelC、 ModelD、 Controller标准答案：BE、 .MVC设计模式中各部分职责描述错误的是OA.Model：主要负责数据处理和运算B、View：主要负责显示数据和用户交互C、Controller：主要负责接收输入的数据并控制选择使用哪个VieW显示D、Controller和MVVM设计模式中的VieWMOdeI职责完全一样标准答案：D27.在VUe中，以下O不属于VUe实例的选项参数A、dataB、elC、 viewD、 methods标准答案：C28 .在Ve中,关于v-text和v-html说法错误的是()A、v-text可以更新元素的innerTextB、v-html可以更新元素的innerHTM1.C、使用v-html时需要注意XSS攻击D、v-text的内容会按照普通HTM1.插入，不会作为Vue模板进行编译标准答案：D29 .在VUe中，以下实现VUe组件局部注册正确的是()A、在Vue实例化时，设置选项参数的ponents参数属性B、在SCriPt标签内使用VUe.ponent()方法C、在VUe实例化时，设置选项参数的extend参数属性D、在SCriPt标签内使用VUe.extend。方法30 .在VUe中，一个组件默认可以拥有O属性A、1个B、2个C、3个D、任意数量标准答案：D31 .在AntDesignofVue中，使用栅格组件正确设置一行一格并且居中的代码是OA、<a-row><a-col:SPan=12：gutter="6>col-12cOI-OffSet-6<a-col><a-row>B、<a-row><a-Co1: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、以上都不对标准答案：C32 .在VUe中，以下()表示VUe中的侦听属性A、 watchB、 putedC、 filtersD、 methods33 .在VUe中，以下有关v-for指令使用错误的是（）A、使用v-for时尽可能提供key属性，除非遍历输出的DOM内容非常简单，或者是刻意依赖默认行为提升性能B、不要使用对象或者数组之类的非基本类型值作为v-for的keyC、v-for默认使用就地更新策略，即数据项的顺序被改变，VUe会移动DOM元素来匹配数据项顺序D、使用字符串和数值类型的值来作为v-for的key的值标准答案：C34 .在VUe中，以下关于VUe的功能描述错误的是（）A、Vue的组件不可复用B、VUe具有虚拟D（M功能C、VUe可以实现视图和数据解耦D、VUe可用于数据绑定标准答案：A35 .在AntDesignofVue中，下列有关按钮组件的属性描述错误的是（）A、disabled属性表示按钮失效状态B、icon属性设置按钮的图标类型C、type属性设置按钮的类型D、ShaPe属性设置按钮大小，可选值为SmaI1、Iarge或者不设标准答案：D36 .在Vue中，可使用script）标签将定义在组件中的HTM1.模板分离,此时，应指定script标签的类型为OA、text/javascriptB>text/-templateC、 text/htmlD、 text/template标准答案：B37 .在VUe中，当我们需要深度侦听一个对象属性的变化，以下设置正确的是OA、设置immediate为falseB、设置immediate为trueC、设置deep为falseD、设置deep为true标准答案：D38 .在VUe中,()指令使用iteminitems形式的语法A、 v-onB、 v-forC、 v-onceD、 v-bind标准答案：B39 .在VUe中，以下表达式正确的是()A、if(ok)returnmsgB、varstr="你好”C、ok?Yes：NoD、msg,nm标准答案：C40 .在VUe中，以下关于指令的说法错误的是()A、VUe实例对象指令主要包括自定义指令和内置指令B、Vue事件绑定指令是v-onC、VUe双向数据绑定的指令是V-bindD、v-if条件渲染指令标准答案：C41 .在VUe中，插槽(SIOt)的显示与否是由()决定的A、子组件和父组件B、子组件C、父组件D、以上说法都错误标准答案：C42 .在VUe中，文本插值也接受表达式形式的值，以下关于文本插值中表达式的形式说法错误的是OA、表达式可以是JaVaSCriPt中的表达式，用于计算结果B、表达式中也可以包含过滤器C、表达式是各种数值、变量和运算符的综合体，简单的表达式可以是常量或者变量名称。D、表达式中的过滤器的数量只能有一个标准答案：D43 .在Vue中，关于以下代码说法正确的是()<av-on:click.StoP=doThis"Xa>A、阻止表单默认提交事件B、阻止单击事件继续传播C、阻止默认提交事件且阻止冒泡D、点击事件将只会触发一次标准答案：B44 .在VUe中，以下有关组件说法错误的是()A、VUe中的组件相互孤立，不能重用B、组件可以扩展HTM1.元素C、组件能够封装可重用的HTM1.代码D、任意类型的应用界面都可以抽象为一个组件树标准答案：A45 .在Vue生命周期中，下列钩子函数被执行的先后顺序正确的是()A、created()>mounted()>beforeDestroy()B、mounted()>created()>beforeDestroy()C、beforeDestroy()>created()>mounted()D、created()>beforeDestroy()>mounted()标准答案：A46 .在VUe中，AntDeSignOfVUe框架的组件格式正确的是()A、<a-组件名属性二值Xa-组件名>B、<组件名属性二值X/组件名>C、组件名属性二值D、v-组件名属性二值X/v-组件名标准答案：A47 .在VUe中，下列不属于VUe开发所需工具的是（）A、Chrome浏览器B、VSCode编译器C、vue-devtoolsD、微信开发者工具标准答案：D48 .在VUe中，父组件对子组件属性传值是单向的，并且OA、只能静态绑定属性B、只能动态绑定属性C、可以静态绑定属性也可以动态绑定属性D、不能绑定属性标准答案：C49 .Vue中，使用script）标签将定义在组件中的HTM1.模板分离时,template选项为（），用于查找对应的元素，然后将这个元素内的HTM1.作为模板进行编译A、HTM1.元素B、对象C、idD、data标准答案：C50 .在VUe中，关于v-bind:CIaSS说法错误的是()A、不可以与普通的CIaSS属性共存B、类样式名可以有多个C、v-bind:class可以简写成:ClaSSD、v-bind:ClaSS可以使用三目表达式标准答案：A51 .在VUe中，向HTM1.中插入文本值可用下列O符号A、B、OC、D、O标准答案：C52 .在VUe中，支持在的插值的尾部添加一个O对数据进行过滤，经常用于格式化文本A、#B、IC、&D、$标准答案：B53 .在AntDesignofVue中，使用栅格组件正确实现1行2列设置的是<a-row><a-col:span=zz12,z>col-12<a-col><a-col:span=,z12,>col-12<a-col><a-row>B、<a-row><a-row:SPan=12">col-12<a-row><a-row:span=,z12,>col-12<a-row><a-row>C、<a-col><a-col:SPan=12">col-12<a-ColXa-col:span=,z12,>col-12<a-col><a-col>D、<a-col><a-row:Span=,z12,>col-12</a-row><a-row:span=,z12,>col-12<a-row><a-col>标准答案：A54 .在VUe中，插槽(SIot)主要在O中使用A、兄弟组件中B、父子组件中C、任意选项中D、以上说法都错误标准答案：B55 .在Vue中,关于v-show和vif的说法错误的是()A、两者都可以控制元素的显示和隐B、v-if初始渲染时条件为假，则什么也不做。一直到条件第一次变为真时，才会开始渲染条件块C、v-show通过控制css中的display设置为none,控制元素隐藏D、在频繁的切换展示时，v-show相对于v-if要更消耗性能标准答案：D56 .在Vue中,有关AntDesignofVue的安装说法错误的是()A、浏览器引入，在浏览器中使用script标签和Qink标签直接引入文件B、使用npm安装C、使用yarn安装D、不用安装引用直接写代码标准答案：D57 .在Vue中，下列关于created和mounted说法错误的是()A、Created中可以对dom节点进行操作B、created先于mounted执行C、created中可以初始化处理数据D、InOUnted中可以对dom节点进行操作标准答案：A58 .在VUe中，下列不属于条件渲染指令的是()A、 v-ifB、 v-elseC、 v-showD、 v-on标准答案：D59 .在AntDeSignOfVUe中，用于设置带有图标的密码框正确的代码是OA、a-inputplaceholder=，/请输入密码z,type=,password,slot=,prefi,><a-icontype=,zunlock,><a-input>B、<a-inputplaceholder="请输入密码,ztype=,zpassword,z><a-iconslot="zprefiz,type=,unlock,><a-input>C、<a-inputplaceholder=,z请输入密码type二PaSSWOrdslot二PrefiX“type二IlnIOCkXa-icon><a-input>D、以上都不对标准答案：B60 .在AntDeSignOfVUe中，关于栅格化列偏移使用正确的是()A、<a-rowoffset=,8,><a-col:span=/z8z,>col-8<a-col><a-col:span=,8,>col-8<a-col><a-row>B、<a-row><a-col:span=/z8z,>col-8<a-col><a-col:span=,8z,offset=,8,>col-8<a-col><a-row>C、<a-rowspan=,z87,roffset=",8,z><a-col>col-8<a-col><a-col>col-8<a-col><a-row>D、以上都不对标准答案：B61 .在VUe中，以下不属于AntDeSignofVUe中的布局组件的是()A、Header组件B、Sider组件C、Content组件D、Menu组件标准答案：D62 .在AntDeSignofVUe中，关于栅格化列间隔使用正确的是（）A、<a-row:span=",6,><a-col:gutter=,16,>col-6</a-col><a-col:gutter=,z16z,>col-6<a-col><a-colrgutter=,16,z>col-6<a-col><a-co:gutter=,16z,>col-6<a-col><a-row>B、<a-rowrgutter=,16,><a-col:span=,z6,>col-6<a-col><a-col:span=,6,>col-6<a-col><a-col:span=,6,z>col-6<a-col><a-col:span=/z6,z>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-ColXa-col:SPan=6:gutter=16'>col-6<a-ColXa-col:SPan=6：gutter=,16,>col-6<a-col><a-row>D、以上都不对标准答案：B63 .在VUe中，关于VUe实例的生命周期理解错误的是OA、生命周期是指VUe实例从创建到销毁的过程B、在befOreCreate阶段，数据并没有挂载，只是一个空壳，无法访问到数据和真实DOMC、当data变化时,会触发beforeUpdate和updated方法D、Created阶段，VUe实例的挂载元素el已挂载标准答案：D64 .在VUe中，计算属性可以依赖OVUe实例的数据A、1个B、2个C、3个D、多个标准答案：D65 .以下前端框架中，由中国人开发的是（）A、VueB、 AngularC、 ReactD、 jQuery标准答案：A66 .在AntDeSigne）fVue中，提供了多种类型的按钮，若需要在页面中创建一个主按钮，按钮组件的type属性应设置为OA、 primaryB、 dashedC、 textD、 danger标准答案：A67 .在VUe中，全局注册组件的特点是OA、组件只能在当前Vue实例下使用B、组件可以在当前页面的任意VUe实例下使用C、组件只能在当前Vue实例下的其他组件内使用D、组件可以在全部的任意VUe实例下使用标准答案：B68 .在VUe中，以下关于AntDeSignOfVUe的特点说法错误的是()A、开发和服务于企业级后台产品B、开箱即用的高质量VUe组件C、共享AntDeSignofReaCt设计工具体系D、以上说法都错误标准答案：D69 .在VUe中，下列引入vue.js的方式正确的是()A、<scripthref=paperwjsvue.min.jsz,><script>B、<1inksrc=https:/C、<1inksrc="zhttps:/cdn.bootcss6.10vue.min.js,><link>D、<scriptsrc=,https:/cdn.bootcsspervue2.6.10vue.min.jsz,><script>标准答案：D70 .在VUe中，下列说法正确的是()A、vue是后端框架B、vue是基于JQuery开发的框架C、vue是前端框架D、以上说法都不对标准答案：C71 .AntDesignofVue是基于Vue基础上实现的AntDesign设计的()框架A、 HTM1.B、 JavaScriptC、 JavaD、UI标准答案：D72 .在VUe中，以下不属于AntDeSign设计体系的四个方面的是()A、设计价值观B、视觉设计C、后端设计D、可视化设计标准答案：C73 .在Vue中,MVVM设计模式不包含()部分A、 ModelB、 ViewC、MvcD、ViewModel标准答案：C74 .在VUe中，组件是()A、一个HTM1.元素B、可复用的VUe实例C、VUe实例的一个属性D、以上说法都错误标准答案：B75 .在VUe中，以下有关计算属性正确的是()A、计算属性只能依赖一个VUe实例的数据B、所有计算属性都写在Vue实例内的methods选项内C、每一个计算属性都只包含了一个getter()方法D、在计算属性里可以完成各种复杂的逻辑，最终会返回结果标准答案：D76 .在VUe中，下列关于VUe钩子函数说法正确的是()A、钩子函数destoryed里面可以进行数据双向绑定B、利用钩子函数可以在vue生命周期的不同时期添加一些自己的代码逻辑C、beforeMount可以获取dom节点Dmounted先于created被调用标准答案：B77 .在VUe中，以下关于VUe插值下列说法错误的是()A、文本用于插入与绑定文本B、表达式可以使用JaVaSCriPt表达式进行简单的运算C、中只支持单个表达式D、支持语句和流控制标准答案：D78 .在AntDeSignOfVUe中，以下不属于输入相关组件的是()A、 <a-input>B、 <a-radio><a-radio>C、 <a-select><a-select>D、 <a-button><a-button>标准答案：D79 .在VUe中，以下O填入PonentS选项中，可以正确完成组件局部注册。代码如下:varvm=newVue(el:,ttapp,ponents:)A、VUe.ponent('my-p',template:'<hl>Vue组件!<hl>>)B>,my-p,:template/<hl>Vue组件<hl>'C、Vue.ponent(,zmy-p,z,myp)D>my-p：InyP标准答案：B80 .在VUe中，以下不属于VUe组件的使用步骤的是（）A、创建组件B、注册组件C、初始化组件D、使用组件标准答案：C81 .在VUe中，以下O选项表示组件局部注册A、Vue.ponent（,zmy-p,z,myp）B、 ponents:C、D、以上都不行标准答案：B89 .在VUe中，关于VUe的功能描述错误的是（）A、单向的数据绑定B、视图和数据解耦C、可复用的组件D、解耦视图和数据标准答案：A90 .在VUe中，WatCh对象的属性值是一个函数，这个函数有（）个形参A、0B、1C、2D、3标准答案：C91.MVC设计模式不包括以下O部分A、ModelB、VueC、 ViewD、 Controller标准答案：B二.多选题1 .在AntDeSigne)fVue中，面包屑组件(Breadcrumb)用来显示当前页面在系统层级结构中的位置，并能向上返回。在以下()情况下可使用面包屑组件A、用于分页显示数据B、当需要告知用户你在哪里时C、当需要向上导航的功能时D、用于展示系统所有层级结构关系标准答案：BC2 .在VUe中，当我们需要WatCh最初绑定的时候就执行，我们需要在WatCh中使用()handler()B、immediateC、deepD>confirm()标准答案：AB3 .在VUe中，以下关于插槽(Slot)说法正确的有()A、默认插槽只能有一个B、具名插槽只能有一个C、默认插槽可以有多个D、具名插槽可以有多个标准答案：AD4 .在Vue中，AntDesign框架是基于()的设计价值观A、确定B、自然C、模块化D、低成本标准答案：AB5 .在VUe中，下列关于VUe的优势的说法错误的是()A、双向数据绑定B、可复用的组件C、增加代码的耦合度D、功能插件化