Vue基础知识测试

简单点了

6014人浏览 · 2022-10-18 22:41:49

简单点了 · 2022-10-18 22:41:49 发布

Vue基础知识测试

1.选择题

一、单选题（100分）

1.【单选题】（4分）

在Vue中，被用来响应地更新HTML属性的指令是（）。

A.v-on
B.v-if
C.v-bind
D.v-model

参考答案D

双向数据绑定v-model，响应和更新是两个方面。

2.【单选题】（4分）

页面挂载成功之后会触发哪一个钩子函数？

A.created
B.beforeDestroy
C.mounted
D.destroyed

参考答案C

挂载之后会进行页面的渲染

3.【单选题】（4分）

在Vue中，下列不属于条件渲染指令的是（）。

A.v-if
B.v-else
C.v-show
D.v-on

参考答案D

v-on是动作元素

4.【单选题】（4分）

在Vue中，下列关于Vue实例对象说法不正确的是（）。

A.Vue实例对象是通过new Vue({})方式创建的。
B.Vue实例对象只允许有唯一的一个根标签。
C.通过methods参数可以定义事件处理函数。
D.Vue实例对象中data数据不具有响应特性。

参考答案D

vue最大的特定双向数据绑定，实时的响应数据的变化

5.【单选题】（4分）

下列用于阻止事件冒泡的修饰符是（）。

A..event
B..stop
C..propagation
D.prevent

参考答案B

也是阻止默认事件的发生

6.【单选题】（4分）

在Vue中，关于Vue实例的生命周期理解错误的是（）。

A.生命周期是指Vue实例从创建到销毁的过程。
B.在beforeCreated阶段，数据并没有挂载，只是一个空壳，无法访问到数据和真实DOM。
C.当data变化时，会触发beforeUpdate和updated方法。
D.created阶段，vue实例的挂载元素el已挂载。

参考答案D

只有在mounted的时候才会挂载，dom元素才会真正的加载到页面上去。

7.【单选题】（4分）

下列关于Vue说法错误的是（）。

A.Vue和Angular都可以用来创建负责的前端项目。
B.Vue的优势主要包括轻量级、双向数据绑定。
C.Vue在进行实例化之前，应确保已经引入了核心文件vue.js。
D.Vue与React都采用了MVVM框架。

参考答案D

React是MVC模式的架构

8.【单选题】（4分）

在Vue中，<a v-on:click.stop=”doThis”></a>正确的是（）。

A.阻止默认事件行为。
B.阻止单击事件继续传播。
C.阻止事件冒泡。
D.点击事件将只会触发一次。

参考答案C

stop就是阻止事件的冒泡。

prevent是阻止默认事件的发生

once是触发一次

9.【单选题】（4分）

Vue中表单元素上数据双向绑定的指令是（）。

A.v-if
B.v-show
C.v-for
D.v-model

参考答案D

10.【单选题】（4分）

在Vue中，以下表达式正确的是（）。

A.{{if(ok) return msg}}
B.{{var str=”你好”}}
C.{{ok?”Yes”:”No”}}
D.{{msg,num}}

参考答案C

C是三目表达式

{{}}中可以放一些简单的表达式，是单语句的形式，也是可以做一些简单的运算，只支持单个表达式。参考第12题的解析。

11.【单选题】（4分）

在Vue中，MVVM设计模式不包含（）部分。

A.Mvc
B.View
C.Model
D.ViewModel

参考答案A

12.【单选题】（4分）

在Vue中，以下关于Vue插值下列说法错误的是（）。

A.{{文本}}用于插入与绑定文本。
B.{{表达式}}可以使用JavaScript表达式进行简单的运算。
C.{{}}中只支持单个表达式。
D.{{}}支持语句和流控制。

参考答案D

在 {{ }} 中，除了简单的绑定属性值外，也可以是 JavaScript 表达式进行简单的运算 、 三元运算等

支持简单的运算
支持三目运算
不支持书写表达式
不支持赋值语句，实际上就是多行语句
不支持流控制，就相当于定义了一个函数
流控制语句就是控制流语句。if 语句、do-while 语句、while 语句、for 语句、for-in 语句、label 语句、break 和 continue 语句、with 语句、switch 语句