Vue基础知识测试

 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.阻止默认事件行为。
• 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 语句

13.【单选题】 （4分）

在Vue中，支持在{{}}的插值的尾部添加一个（）对数据进行过滤，经常用于格式化文本。

• A.#
• B.|
• C.&
• D.$

参考答案B

|是管道符，起到过滤器的作用

14.【单选题】 （4分）

在Vue中，当遍历大数组或者做大量计算时，使用一下哪个选项效率最高。

• A.methods
• B.computed
• C.components
• D.data

参考答案B

计算属性：只要依赖不变化，就可以使用缓存的value而不用每次再渲染组件的时候都执行函数去计算。

15.【单选题】 （4分）

Vue常用选项参数中必须的参数是（）。

• A.data
• B.el
• C.mothods
• D.filters

参考答案B

标识唯一的dom

16.【单选题】 （4分）

在Vue中，以下关于watch的handler()方法说法正确的是（）。

• A.其值是一个回调函数，即侦听到变化时应该执行的函数。
• B.其值true或false，确认哪个数据发生改变。
• C.其值是一个回调函数，确认是否以当前的初始值执行。
• D.以上说话都正确。

参考答案A

handler设置的是要监听的方法

 

17.【单选题】 （4分）

Vue中，使用标签将定义在组件中的HTML模板分离时，template选项为（），用于查找对应的元素，然后将这个元素内的HTML作为模板进行编译。

• A.HTML元素
• B.id
• C.对象
• D.data

参考答案B

模板分离时的用法，不分离的需要把对应的内容写到template标签里面，以字符串的形式

18.【单选题】 （4分）

在Vue中，以下关于指令的说法错误的是（）。

• A.Vue实例对象指令主要包括自定义指令和内置指令。
• B.Vue事件绑定指令是v-on。
• C.Vue双向数据绑定的指令是v-bind。
• D.v-if条件渲染指令。

参考答案C

双向数据绑定的是v-model

19.【单选题】 （4分）

在Vue中，以下实现Vue组件局部注册正确的是（）。

• A.在Vue实例化时，设置选项参数的components参数属性。
• B.在script标签内使用Vue.component()方法。
• C.在Vue实例化时，设置选项参数的extend参数属性。
• D.在script标签内使用Vue.extend()方法。

参考答案A

设置的参数的属性就是需要注册的组件的名称

 

20.【单选题】 （4分）

在Vue中，以下不属于Vue组件的使用步骤的是（）。

• A.定义组件
• B.注册组件
• C.初始化组件
• D.使用组件

参考答案C

没有初始化组件这一说

21.【单选题】 （4分）

下列Vue选项参数说法错误的是（）。

• A.watch：观察Vue实例变化的一个表达式或计算属性函数。
• B.filters：Vue实例的计算属性集合。
• C.template：定义字符串模板作为Vue实例的标识使用。
• D.components：包含Vue实例可用组件的哈希表。

参考答案B

22.【单选题】 （4分）

DOM渲染在哪个钩子函数中完成？

• A.created
• B.beforeCreate
• C.mounted
• D.beforeMount

参考答案C

dom元素渲染完靠的就是mounted这个钩子函数

23.【单选题】 （4分）

在Vue中，下列说法正确的是（）。

• A.vue是后端框架。
• B.vue是基于jQuery开发的框架。
• C.vue是前端框架。
• D.以上说法都不对。

参考答案C

Vue优于jQuery，不是基于jQuery的开法的

24.【单选题】 （4分）

在Vue中，Vue实例在销毁前会调用的函数是（）。

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

参考答案B

25.【单选题】 （4分）

在Vue中，以下关于v-model指令使用正确的是（）。

• A.
• B.
• C.
• D.以上都不对

参考答案A