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

2024年《Vue.js高效前端开发》考试

复习题库及答案

一、单选题

1.在Vue中，以下关于watch中的handler()方法说法正确的是()

A、其值是一个回谎函数，即侦听到变化时应该执行的函数

B、其值true或false,确认哪个数据发生改变

C、其值是一个回调函数，确认是否以当前的初始值执行

D、以上说话都正确

标准答案：A

2.在Vue中，下列关于事件修饰符解释错误的是()

A、.once：点击事件可以触发多次。

B、.stop：等同于调用event.stopPropagation()o

C>.prevent：等同于调用event.preventDefault()。

D、.capture：使用capture模式添加事件监听器。

标准答案：A

3.在AntDesignofVae中，用于设置输入框前后缀的代码正确的是()

A、<a-inputplaceholder="总金额"defaultValuo="0.

input>

B、<a-inputplaceholder=〃总金额"defaultValue=〃0.00〃>¥元〈/@-

input>

C、<a-inpulplaceholder二〃总金额"defaultValue=〃0.00〃>¥元〈/@-

input>

D、以上都不对

标准答案：A

4.在Vue中，下列关于Vue说法错误的是()

A、Vue和Angular都可以用来创建复杂的前端项目

B、Vue的优势主要包括轻量级、双向数据绑定

C、Vue在进行实例化之前，应确保已经引入了核心文件vue.js

D、Vue与React语法是完全相同的

标准答案：D

5.在Vue中，Vue实例对象中能够监听状态变化的参数是()

A、watch

B、filters

C、watching

D^ponents

标准答案：A

6.在Vue中，关于Vue安装下列说法正确的是()

A、Vue是Javascript框架所以不需要安装

B、只要引入jQuery就可以使用Vue

C、Vue要用script标签引入

D、以上都不对

标准答案：C

7.在Vue中，v-for="(参数一，参数二，参数三)initems〃，参数一,

参数二，参数三分别代表()

A、对象，属性，索引

B、属性，对象，索引

C、索引，属性，对象

D、索引，对象，属性

标准答案：A

8.在AntDesignofVue中，以下代码用于设置带有前缀的输入框，其

中正确的是()

A、<a-inputplaceholder=〃请输入...〃Xa-

iconslot="，prefixz，type=，/user，z/></a-input>

B、<a-inputplaceholder=//请输入…〃slot="prefix”Xa-

icontype二〃user〃/X/a-input>

C、<a-inputplaceholder=/z请输

入...“slot二〃prefix〃type二〃user〃Xa-icon/></a-input)

D、以上都不对

标准答案：A

9.在AntDesignofVue中，<a-button>Helloworld!〈/a-button》最终

会被渲染结果是()

A、<buttonname=zzbtnz，>HellowerId!</button>

B、<buttonname=//btn，，><div>llelloworld!</div></button>

C、<button>Helloworld!</button>

D、<button><div>Helloworld!</div></button>

它能跟踪每一行的数据

A、key

B>value

C>object

D、index

标准答案：A

14.在Vue中，以下关于AntDesignofVue框架的支持环境说法错误的

是()

A、现代浏览器和IE9及以上

B、Google浏览器

C、不支持服务端渲染

D、支持服务端渲染

标准答案：C

15.在Vue中，对于〈formv-on:submit,prevent二〃onSubmit〃X/fcrni>

解释正确的是()

A、会触发调用event.stopPropagation()

B、表单会触发默认提交事件

C、会触发调用。vent.preventDefault()

D、都不正确

标准答案：C

16.在Vue实例常用选项参数中，必须的参数是()

A、data

B、el

C、methods

D^filters

标准答案：B

17.在Vue中，以下关于v-model指令使用正确的是()

A、<inputtype二〃text〃v-model二〃message'/)

B、〈inputtype二〃text〃v-model:"message'/)

C、<inputtype=，，text，，v-model:/，messagez，/>

D、以上都不对

标准答案：A

18.在Vue中，Vue绑定内联样式指令正确的是()

A、v-bind:class

B、v-bind:style

C、v-bind:href

D、v-bind:title

标准答案：B

19.在Vue中，使用AntDesignofVue的全局提示显示消息，以下方式

正确的是()

A、this.$(〃消息提示〃)；

B、(〃消息提示〃)；

C、this.$message.alert(〃消息提示“)；

D^ihis.message,alert(〃消息提示〃)；

标准答案：A

20.在Vue中，下列关于Vue实例选项参数说法错误的是()

A、watch：观察Vue实例变化的一个表达式或计算属性函数

B、filters：Vue实例的计算属性集合

C、template：定义字符串模板作为Vue实例的标识使用

D、ponents：包含Vue实例可用组件的哈希表

标准答案：B

21.下列框架中不属于JavaScript框架的是()

A^Spring

B、Angular

C、React

D、Vue

标准答案：A

22.在Vue中，对于过滤器形式为msg|filter。a')的表达式说法正

确的是O

A、该过滤器只接收一个参数a

B、该过滤器不接收任何参数

C、该过滤器接收两个参数msg、a

D、以上说法都不正确

标准答案：C

23.在Vue中，下列Vue实例的选项中支持缓存的是()

A、methods

B、puted

C、watch

D^data

标准答案：B

24.在Vue中，以下关于AntDesignofVue中Layout组件说法错误的

是()

A、布局容器

B、可嵌套Header组件、Sider组件、Content组件、Footer组件、

或Layout组件本身

C、可以放在任何父容器中

D、以上说法错误

标准答案：D

25.在Vue的双向数据绑定中，()是Vue的核心

A、View

B、ViewModel

C、Model

Controller

标准答案：B

26.MVC设计模式中各部分职责描述错误的是()

A.Model：主要负责数据处理和运算

B、View：主要负责显示数据和用户交互

C、Controller：主要负责接收输入的数据并控制选择使用哪个View

显示

D、Controller和MVVM设计模式中的ViewModel职责完全一样

标准答案：D

27.在Vue中，以下()不属于Vue实例的选项参数

A、data

B、el

C^view

D、methods

标准答案：C

28.在Vue中，关于v-text和v-html说法错误的是()

A>v-text可以更新元素的innerText

B、v-html可以更新元素的innerlITML

C、使用v-html时需要注意XSS攻击

D、v-text的内容会按照普通HTML插入，不会作为Vue模板进行编

译

标准答案：D

29.在Vue中，以下实现Vue组件局部注册正确的是()

A、在Vue实例化时，设置选项参数的ponents参数属性

B、在script标签内使用Vue.ponent()方法

C、在Vue实例化时，设置选项参数的extend参数属性

D、在script标签内使用Vue.ext6nd()方法

标准答案：A

30.在Vue中，一个组件默认可以拥有()属性

A、1个

B、2个

C、3个

D、任意数量

标准答案：D

31.在AntDesignofVue中，使用栅格组件正确设置一行一格并且居中

的代码是()

A、<a-rowXa-col:span=〃12〃：gutter=〃6>col-l2coi-offset-6</a-

col></a-row>

B、<a-row><a-col:gutter=〃12〃：offset二〃6〉co1-12coi-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

32.在Vue中，以下()表示Vue中的侦听属性

A、watch

puted

C、filters

D、methods

标准答案：A

33.在Vue中，以下有关v-for指令使用错误的是（）

A、使用v-for时尽可能提供key属性，除非遍历输出的D0M内容非

常简单，或者是刻意依赖默认行为提升性能

B、不要使用对象或者数组之类的非基本类型值作为v-for的key

C、v-for默认使用"就地更新〃策略，即数据项的顺序被改变，Vue会

移动D0M元素来匹配数据项顺序

D、使用字符串和数值类型的值来作为v-for的key的值

标准答案：C

34.在Vue中，以下关于Vue的功能描述错误的是（）

A、Vue的组件不可复用

B、Vue具有虚拟D0M功能

C、Vue可以实现视图和数据解耦

D、Vue可用于数据绑定

标准答案：A

35.在AntDesignofVue中，下列有关按钮组件的属性描述错误的是（）

A、disabled属性表示按钮失效状态

B、icon属性设置按钮的图标类型

C、type属性设置按钮的类型

D、shape属性设置按钮大小，可选值为small、large或者不设

标准答案：D

36.在Vue中，可使用〈script）标签将定义在组件中的HTML模板分

离,此时,应指定＜script＞标签的类型为（）

A^text/javascript

B、text/x-template

C、text/html

D、text/template

标准答案：B

37.在Vue中，当我们需要深度侦听一个对象属性的变化，以下设置

正确的是()

A、设置immediate为false

B、设置immediate为true

C、设置deep为false

D、设置deep为true

标准答案：D

38.在Vue中，()指令使用"iteminitems"形式的语法

A、v-on

B、v-for

C、v-once

v-bind

标准答案：B

39.在Vue中，以下表达式正确的是()

A、{{if(ok)returnmsg))

B、{{varstr="你好”}}

C、{{ok?〃Yes〃：〃No〃}}

D、{{msg,num))

标准答案：C

40.在Vue中，以下关于指令的说法错误的是()

A、Vue实例对象指令主要包括自定义指令和内置指令

B、Vue事件绑定指令是v-on

C、Vue双向数据绑定的指令是v-bind

D、v-if条件渲染指令

标准答案：C

41.在Vue中，插槽(Slot)的显示与否是由()决定的

A、子组件和父组件

B、子组件

C、父组件

D、以上说法都错误

标准答案：C

42.在Vue中，文本插值也接受表达式形式的值，以下关于文本插值

中表达式的形式说法错误的是()

A、表达式可以是JavaScript中的表达式，用于计算结果

B、表达式中也可以包含过滤器

C、表达式是各种数值、变量和运算符的综合体，简单的表达式可以

是常量或者变量名称。

D、表达式中的过滤器的数量只能有一个

标准答案：D

43.在Vue中，关于以下代码说法正确的是()<av-

on:click.stop二〃doThis〃X/a>

A、阻止表单默认提交事件

B、阻止单击事件继续传播

C、阻止默认提交事件且阻止冒泡

D、点击事件将只会触发一次

标准答案：B

44.在Vue中，以下有关组件说法错误的是()

A、Vue中的组件相互孤立，不能重用

B、组件可以扩展HTML元素

C、组件能够封装可重用的HTML代码

D、任意类型的应用界面都可以抽象为一个组件树

标准答案：A

45.在Vue生命周期中，下列钩子函数被执行的先后顺序正确的是()

A^created()>mounted()>beforeDestroy()

B、mounted()>created()>beforeDestroy()

C、beforeDestroy()>created()>mounted()

D、created()>boforeDestroy()>mounted()

标准答案：A

46.在Vue中,AntDesignofVue框架的组件格式正确的是()

A、<a-组件名属性二值…></a-组件名)

B、〈组件名属性=值…></组件名>

C、〈组件名属性二值…/>

D、组件名属性二值…X/v-组件名》

标准答案：A

47.在Vue中，下列不属于Vue开发所需工具的是（）

A、Chrome浏览器

B、VSCode编译器

C^vue-devtools

D、微信开发者工具

标准答案：D

48.在Vue中，父组件对子组件属性传值是单向的，并且（）

A、只能静态绑定属性

B、只能动态绑定属性

C、可以静态绑定属性也可以动态绑定属性

D、不能绑定属性

标准答案：C

49.Vue中，使用〈script》标签将定义在组件中的HTML模板分离时，

template选项为（）,用于查找对应的元素，然后将这个元素内的HTML

作为模板进行编译

A、HTML元素

B、对象

C、id

D、data

标准答案：c

50.在Vue中，关于v-bind:class说法错误的是()

A、不可以与普通的class属性共存

B、类样式名可以有多个

C、v-bind:class可以简写成：class

D、v-bind:class可以使用三目表达式

标准答案：A

51.在Vue中，向HTML中插入文本值可用下列()符号

A、《》

B、<>

C、{{}}

D、()

标准答案：C

52.在Vue中，支持在{{}}的插值的尾部添加一个()对数据进行过

滤，经常用于格式化文本

A、#

B、I

C、&

D、$

标准答案：B

53.在AntDesignofVue中，使用栅格组件正确实现1行2列设置的是

()

A、<a-row><a-col:span=/z12，，>col-12</a-col><a-

col:span=z，12，z>col-12</a-col></a-row>

B、<a-row>〈a-row:span=〃IZ'Dcol-lZV/a-rowXa-

row:span=〃12〃〉co1-12〈/a-row></a-row>

C、<a-col><a-col:span=，z12z/>col-12</a-col><a-

col:span=，，12，，>col-12</a-col></a-col>

D、<a-col><a-row:span=，z12，，>col-12</a-row><a-

row:span=，，12，z>col-l2</a-row></a-co1>

标准答案：A

54.在Vue中，插槽(Slot)主要在()中使用

A、兄弟组件中

B、父子组件中

C、任意选项中

D、以上说法都错误

标准答案：B

55.在Vue中，关于v-show和v-if的说法错误的是()

A、两者都可以控制元素的显示和隐

B、v-if初始渲染时条件为假，则什么也不做。一直到条件第一次变

为真时，才会开始渲染条件块

C、v-sh()w通过控制css中的display设置为none,控制元素隐藏

D、在频繁的切换展示时，v-show相对于v-if要更消耗性能

标准答案：D

56.在Vue中，有关AntDesignofVue的安装说法错误的是()

A、浏览器引入，在浏览器中使用〈script)标签和＜link＞标签直接引

入文件

B、使用npm安装

C、使用yarn安装

D、不用安装引用直接写代码

标准答案：D

57.在Vue中,下列关于created和mounted说法错误的是()

A^created中可以对dom节点进行操作

B、created先于mounted执行

C、created中可以初始化处理数据

D、mounted中可以对dom节点进行操作

标准答案：A

58.在Vue中，下列不属于条件渲染指令的是()

A、v-if

B、v-else

C、v-show

D、v-on

标准答案：D

59.在AntDesignofVue中，用于设置带有图标的密码框正确的代码是

()

A<a-inputplaceholder=，z请输入密码

〃type二〃password'slot="prefix〃Xa-icontype二〃unlock〃/></a-

input>

B、<a-inputplaceholder=〃请输入密码，，type=，，password，，Xa-

iconslot=z，prefix，，type=zzunlockz，/></a-input>

C、<a-inputplaceholder=z，请输入密码

〃type二〃password'slot=〃prefix〃type二〃unlock〃Xa-icon/X/a-

input>

D、以上都不对

标准答案：B

60.在AntDesignofVue中，关于栅格化列偏移使用正确的是()

A、<a-row:offset=//8z/><a-col:span=/，8，，>col-8</a-col><a-

col:span="/8z，>col-8</a_col></a-row>

B、<a-row><a-col:span=/z8，，>col-8</a-col><a-

col:span=，，8，z:offset=，，8/，>col-8</a-col></a-row>

C、<a-row:span=，，8z，:offset=，z8z，><a-col>col-8</a-col><a-

col>col-8</a-col></a-row>

D、以上都不对

标准答案：B

61.在Vue中，以下不属于AntDesignofVue中的布局组件的是()

AsHeader组件

B、Sider组件

C、Content组件

D、Menu组件

标准答案：D

62.在AntDesignofVue中，关于栅格化列间隔使用正确的是()

A、<a-row:span=z*6，，Xa-col:gutter=/z16z，>col-6</a-col><a-

col:gutter=z/16zz>col-6</a-col><a-col:gutter=〃16〃>col-6〈/a-

col><a-co:gutter=，/16zz>col-6</a-col></a-row>

B、<a-row:gutter=，，16z，><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=z，6，z>col-6</a-col></a-row>

C、<a-row><a-col:span=，，6z，:gutter="z16/^col-6</a-col><a-

col:span=〃6〃:gutter=/z16，，>col-6</a-col><a-

col:span=〃6〃:gutter=/，16，，>col-6</a-col><a-

col:span二〃6〃：gutter=〃16〃>col-6〈/a-colX/a-row>

D、以上都不对

标准答案：B

63.在Vue中，关于Vue实例的生命周期理解错误的是()

A、生命周期是指V,e实例从创建到销毁的过程

B、在boforeCreate阶段，数据并没有挂载，只是一个空壳，无法访

问到数据和真实DOM

C、当data变化时,会触发beforeUpdate和updated方法

D、created阶段，vue实例的挂载元素el已挂载

标准答案：D

64.在Vue中，计算属性可以依赖()Vue实例的数据

A、1个

B、2个

C、3个

D、多个

标准答案：D

65.以下前端框架中，由中国人开发的是()

A^Vue

B、Angular

C、React

D^jQuery

标准答案：A

66.在AntDesignofVue中，提供了多种类型的按钮，若需要在页面中

创建一个主按钮，按钮组件的type属性应设置为()

A^primary

B、dashed

C、text

D、danger

标准答案：A

67.在Vue中，全局注册组件的特点是()

A、组件只能在当前Vue实例下使用

B、组件可以在当前页面的任意Vue实例下使用

C、组件只能在当前Vue实例下的其他组件内使用

D、组件可以在全部的任意Vue实例下使用

标准答案：B

68.在Vue中，以下关于AntDesignofVue的特点说法错误的是()

A、开发和服务于企业级后台产品

B、开箱即用的高质量Vue组件

C、共享AntDesignofReact设计工具体系

D、以上说法都错误

标准答案：D

69.在Vue中，下列引入vue.js的方式正确的是()

A、

<scripthref=https://ww.renrendoc.com/paper/"js/vue.min.js

，，></script>

B、

<linksrc=https://www.renrendoc.com/paper/ujs/vue.min.jsv><

/link>

C、

<linksrc=z/https:/7cdn.bootcsshttps://www.renrendoc.com/pape

r/vue/2.

6.10/vue.min.js，z></link>

D、

<scriptsrc=，，https://cdn.bootcsshttps://www.renrendoc.com/pa

per/vue/

2.6.10/vue.min.js，zX/script>

标准答案：D

70.在Vue中，下列说法正确的是()

A、vue是后端框架

B、vue是基于jQuery开发的框架

C、vue是前端框架

D、以上说法都不对

标准答案：C

71.AntDesignofVue是基于Vue基础上实现的AntDesign设计的()

框架

A、HTML

B、JavaScript

C、Java

D、UI

标准答案：D

72.在Vue中，以下不属于AntDesign设计体系的四个方面的是()

A、设计价值观

B、视觉设计

C、后端设计

D、可视化设计

标准答案：C

73.在Vue中,MVVM设计模式不包含()部分

A、Model

B>View

C、Mvc

D、ViewModel

标准答案：C

74.在Vue中，组件是()

A、一个HTML元素

B、可复用的Vue实例

C、Vuc实例的一个属性

D、以上说法都错误

标准答案：B

75.在Vue中，以下有关计算属性正确的是()

A、计算属性只能依赖一个Vue实例的数据

B、所有计算属性都写在Vue实例内的methods选项内

C、每一个计算属性都只包含了一个getter()方法

D、在计算属性里可以完成各种复杂的逻辑，最终会返回结果

标准答案：D

76.在Vue中，下列关于Vue钩子函数说法正确的是()

A、钩子函数destoryed里面可以进行数据双向绑定

B、利用钩子函数可以在vue生命周期的不同时期添加一些自己的代

码逻辑

C^beforeMount可以获取dom节点

D>mounted先于created被调用

标准答案：B

77.在Vue中，以下关于Vue插值下列说法错误的是()

A、{{文本}}用于插入与绑定文本

B、{{表达式}}可以使用JavaScript表达式进行简单的运算

C、{{}}中只支持单个表达式

D、{{}}支持语句和流控制

标准答案：D

78.在A