Vue基础知识测试
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 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 语句
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.<input type=”text” v-model:”message” />
- C.<input type=”text” v-model@:”message” />
- D.以上都不对
参考答案A
更多推荐
所有评论(0)