Vue-Web前端选择题(50题) vue前端面试题2020及答案

1、Vue有下列哪几种功能【多选题】(2分)ABCD

A、解耦视图和数据 B、可复用的组件

C、数据绑定 D、功能插件化

2、Vue插值用下列那个符号(2分)C

A、《》 B、<>

C、{{}} D、（）

3、关于Vue安装下列说法正确的是(2分)C

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

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

C、Vue要用script标签引入

D、以上都不对

4、MVVM设计模式的优点包括【多选题】(2分)ABCD

A、低耦合 B、 独立开发

C、可重用性 D、可测试

5、创建一个Vue应用需要哪些步骤【多选题】(2分)ABD

A、定义View B、定义Model

C、定义Virtual DOM D、创建一个Vue实例或ViewModel

6、下列哪一项是Vue的核心(2分)B

A、View B、ViewModel

C、Model D、Controller

7、在Vue中，v-model的使用正确的是(2分)A

A、<input type="text" v-model="message"/>

B、<input type="text" v-model:"message" />

C、<input type="text" v-model@:"message" />

D、以上都不对

8、Model、View、ViewModel、Controller的中文解释不正确的是(2分)A

A、ViewModel（控制器） B、Model（模型）

C、View (视图) D、Controller（控制器）

9、Vue常用选项参数中必须的参数是(2分)B

A、data B、el

C、methods D、filters

10、在Vue中，下列说法错误的是(2分)A

A、Vue中选项参数el只能用css选择器

B、在Vue示例内部访问data中的数据，可以使用“this.数据”

C、v-model可以在select表单控件元素上创建双向数据绑定

D、Vue实例可以作用在body元素上

11、下列Vue选项参数说法错误的是(2分)B

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

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

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

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

12、在Vue生命周期中，下列钩子函数被执行的先后顺序正确的是(2分)A

A、created()--->mounted()--->beforeDestroy()

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

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

D、created()--->beforeDestroy()--->mounted()

13、在Vue中，DOM 渲染在哪个周期中就已经完成(2分)C

A、created B、beforeCreate

C、mounted D、beforeMount

14、在Vue中，下列关于created和mounted说法正确的是【多选题】(2分)BCD

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

B、created先于mounted执行

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

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

15、Vue实例在销毁前会调用的函数是(2分)C

A、created B、mounted

C、beforeDestroy D、destroyed

16、关于Vue全局过滤器和局部过滤器下列说法正确的是【多选题】(2分)ABC

A、全局过滤器作用域是全部Vue实例

B、局部过滤器作用域是实例内部

C、一个表达式可以使用多个过滤器

D、当全局过滤器和局部过滤器名称相同时全局过滤器优先

17、下列关于Vue说法错误的是(2分)D

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

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

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

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

18、Vue 实例对象中能够监听状态变化的参数是(2分)A

A、watch B、filters

C、watching D、components

19、以下文本插值方式能够实现渲染一次数据，后续数据变化不再关心是(2分)B

A、<span>Text:{{ text }} </span>

B、<span v-once>Text:{{ text}}</span>

C、<span v-text= "text"></span>

D、以上都不行

20、关于Vue插值下列说法错误的是(2分)D

A、{{ 变量名 }}插入与绑定文本

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

C、{{}}中不能同时写多个字段数据

D、以上说法都不对

21、在Vue中，以下表达式正确的是(2分)C

A、{{ if(ok) return msg }}

B、{{ var str = “你好” }}

C、{{ ok? "Yes":"No" }}

D、{{ msg , num }}

22、关于Vue指令下列说法正确的是【多选题】(2分)ABCD

A、Vue 中实现双向数据绑定的指令是v-model

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

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

D、v-bind 单向绑定，无交互

23、在Vue中，被用来响应地更新HTML属性的指令是(2分)C

A、v-on B、v-if

C、v-bind D、v-model

24、在 Vue 中，能够实现页面单击事件绑定的代码是(2分)B

A、v-on:enter B、v-on:click

C、v-on:mouseenter D、v-on:doubleclick

25、 Vue 生命周期的理解正确的是【多选题】(2分)ABC

A、Vue实例从创建到销毁的过程

B、在beforeCreate 阶段，vue实例的挂载元素el还没有

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

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

26、在Vue中，关于v-bind:class说法正确的是【多选题】(2分)BCD

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

B、类样式名可以有多个

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

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

27、Vue绑定内联样式指令正确的是(2分)B

A、v-bind:class B、v-bind:style

C、v-bind:href D、v-bind:title

28、Vue模板语法不包括(2分)D

A、 文本插值 B、 表达式

C、 指令 D、 函数

29、在Vue中，下列属于条件渲染指令的是【多选题】(2分)ABC

A、v-if B、v-else

C、v-show D、v-on

30、在Vue中，关于v-if和v-else下列说法错误的是(2分)C

A、v-if可以控制元素的显示或隐藏

B、v-else元素必须立即跟在v-if后面

C、当v-if条件为true时显示v-else元素

D、v-if可以单独使用，不一定需要v-else

31、在Vue中，关于v-show和v-if的说法错误的是(2分)D

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

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

C、v-show通过控制css中的display设置为none，控制元素隐藏

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

32、在Vue中，v-show指令的特点正确的是【多选题】(2分)AC

A、v-show指令是通过修改元素的display CSS属性让其显示或者隐藏

B、v-show指令是直接销毁和重建DOM达到让元素显示和隐藏的效果

C、v-show指令是动态的把DOM进行隐藏或显示的效果

D、以上都不对

33、在Vue中，关于v-on说法错误的是(2分)C

A、v-on:click可以简写为@click

B、v-on可以监听组件的自定义事件

C、v-on:click可以直接监听组件触发的原生click事件

D、v-on可以一次监听多个事件

34、下列关于 Vue 实例对象说法不正确的是(2分)D

A、Vue 实例对象是通过 new Vue({})方式创建的

B、Vue 实例对象只允许有唯一的一个根标签

C、通过 methods 参数可以定义事件处理函数

D、Vue 实例对象中 data 数据不具有响应特性

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

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

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

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

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

36、在Vue中，关于生命周期的说法错误的是(2分)D

A、Vue从创建到挂载完毕，依次触发的钩子函数为：beforeCreate、created、beforeMount、mounted

B、当数据被更改时，依次触发的钩子函数为：beforeUpdate、updated

C、当调用vm.$destroy()时，依次触发的钩子函数为：beforeDestroy、destroyed

D、在beforeCreate函数内部，可以拿到data数据

37、在Vue中，<a v-on:click.stop="doThis"></a> 正确的是(2分)B

A、阻止表单默认提交事件 B、阻止单击事件继续传播

C、阻止默认提交事件且阻止冒泡 D、点击事件将只会触发一次

38、Vue事件处理方法和表达式都严格绑定在(2分)A

A、ViewModel B、View

C、DOM D、Model

39、在使用Vue事件绑定时，当ViewModel被销毁时(2分)C

A、所有事件处理器都会自动保存 B、部分的事件处理器会自动保存

C、所有事件处理器都会被自动删除 D、以上说话都不对

40、在Vue中，以下哪个指令是用来监听DOM事件的(2分)A

A、v-on B、v-for

C、v-model D、v-bind

41、在Vue中，以下不属于Vue事件绑定的优点的是(2分)D

A、无需手动管理事件 B、所有事件处理器都会自动保存

C、解耦 D、不会导致维护困难

42、在Vue中，（）指令使用"item in items"形式的语法(2分)B

A、v-on B、v-for

C、v-once D、v-bind

43、在Vue中，下列有关v-for代码使用正确的是(2分)B

A、v-for="item in item"

B、v-for="item in items"

C、v-for="items in item"

D、v-for="items in items"

44、在Vue中，v-for="(参数一，参数二，参数三) in items",参数一，参数二，参数三分别代表(2分)A

A、对象，属性，索引 B、属性，对象，索引

C、索引，属性，对象 D、索引，对象，属性

45、在Vue中，Vue的计算属性写在Vue实例的哪个选项中(2分)B

A、data B、computed

C、watch D、methods

46、在Vue中，当计算属性依赖的数据发生改变时(2分)C

A、计算属性不会重新执行，视图也不会更新 B、计算属性会重新执行，视图不会更新

C、计算属性会重新执行，视图也会更新 D、以上说法都错误

47、在Vue中，计算属性以什么方式写在Vue的实例中(2分)A

A、函数 B、变量

C、实例 D、选项

48、在Vue中，每一个计算属性都(2分)C

A、只包含一个getter()方法

B、只包含一个setter()方法

C、包含一个getter()方法和一个setter()方法

D、以上说法都错误

49、Vue中使用侦听属性主要是用来(2分)C

A、观察Vue示例上的数据变动 B、响应Vue示例上的数据变动

C、观察和响应Vue实例上的数据变动 D、以上说法都错误

50、在Vue中，以下有关侦听属性正确的是【多选题】(2分)AB

A、watch最初绑定的时候不会执行的，数据改变时才会执行侦听

B、watch是一个对象，其中watch对象的属性是需要侦听的目标

C、watch对象的属性值是一个函数，这个函数只有一个形参

D、watch最初绑定就会执行，每次数据改变就会执行侦听