vue前端面试刷题练习3 峰峰博客

一、选择题

1.为HTML元素绑定属性需要使用( D )指令。

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

2.下列对于v-show指令的描述不正确的是( D )。

A.v-show指令是根据表达式的值来判断是否显示或隐藏DOM元素
B.使用v-show指令的元素都始终会被渲染并保留在DOM中
C.绑定值的改变只是切换元素的CSS属性display
D.如果在运行时条件很少改变,则需要使用v-show

3.下列哪个不是v-on指令中的事件修饰符?( C )

A..stop		B..prevent 		C..get 		D..once

4.下列哪个不是指令定义对象中的钩子函数?( D )

A.bind						B.inserted
C.update						D.created

5.在元素显示与隐藏的过渡中,用于定义元素进入过渡生效时的状态的class类名是( B )。

A.v-enter					B.v-enter-active
C.v-enter-to				D.v-leave-active

6.下列关于组件特点的描述错误的是( C )。

A.与<transition>组件不同,<transition-group>组件会以一个真实元素呈现,默认为一个<span>元素。可以通过tag属性更换为其它元素 
B.过渡模式不可用,因为不再相互切换特有的元素 
C.列表中的元素不需要提供唯一的key属性值
D.列表中的元素需要提供唯一的key属性值

7.下列应用push()方法实现导航的代码不正确的是( C ) 。

A.this.$router.push({ path: 'home' }) 
B.this.$router.push({ path: 'home', query: { id: '2' }}) 
C.this.$router.push({ path: 'home', params: { id: '2' }}) 
D.this.$router.push({ name: 'user', params: { userId: '1' }})

8.运行下面代码,输出结果为( B )。

<div id="box">
	<span>{{str | lowercase | firstUppercase}}</span>
</div>
<script type="text/javascript">
    var demo = new Vue({
        el : '#box',
        data : {
			str : 'HTML'
        },
		filters : {
			lowercase : function(value){
				return value.toLowerCase();
			},
			firstUppercase : function(value){
				return value.charAt(0).toUpperCase()+value.substr(1);
			}
		}
    });
</script>
A.2              B.3			C.5             D.6

9.在Vuex的组成部分中,下列描述错误的是( C )。

A.state用于存储项目中需要共享的数据或状态
B.getters可以从state中派生出一些状态
C.mutations是Vuex中唯一修改state的方式,支持异步操作
D.actions可以通过提交mutations中的方法来改变状态

10.下列关于单文件组件的说法不正确的是( B )。

A.不一定要包含<style>标签
B.在<template>标签中可以定义多个根元素
C.如果需要使CSS样式仅在当前组件中生效,需要设置<style>标签的scope属性
D.通过Prop可以实现父组件向子组件传值

二、填空题

1.在Vue.js中,指令是带有____v-_____前缀的特殊属性。

2.如果需要频繁地切换DOM,需要使用v-show;如果在运行时条件很少改变,需要使用v-if

3.对元素样式的绑定就是对元素的class属性或style属性进行绑定。

4.下列代码中,当鼠标指向“显示”按钮时执行show方法,将代码补充完整。

<div id="box">
	<button ___`v-on:mouseover`_______="show">显示</button>
</div>

5.下列代码中,通过自定义指令设置文本的颜色,将代码补充完整。

<div id="example">
	<p v-set-color="'#00FFFF'">复仇者联盟4</p>
</div>
<script type="text/javascript">
Vue.directive('set-color', function (el, binding) {
	el.style.color = ____`binding.value`_____;
})
var vm = new Vue({
	el:'#example'
})
</script>

6.在使用动态组件时,需要将组件动态绑定到元素的_____is____属性,根据该属性的值来判断使用哪个组件。

7.Vue.js提供了两种过渡模式。其中,当前元素先进行过渡,完成之后新元素过渡进入的模式是____out-in_____。

8.一个被渲染的组件的模板中可以包含嵌套的。要在嵌套的出口中渲染组件,需要在VueRouter实例中使用____children_____参数进行配置。

9.为了在处理axios请求的回调函数内部使用this访问Vue实例,需要在回调函数的后面添加___.bind(this)______。

10.如果需要修改Vuex的store中的状态,唯一的方法就是___提交mutation______。

本文转载于峰峰博客

  • 7
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值