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

选择题

1.在DOM文档渲染完毕之后调用的钩子是( C )。

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

2.在Vue.js中,列表渲染使用的是( B )指令。

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

3.如果在内联语句中需要获取原生的DOM事件对象,可以将特殊变量( A )传入方法中。

A.$event			B.$this			C.event 			D.this

4.下列哪个不是Vue.js为v-model指令提供的修饰符?( C )

A.lazy  		B.number  			C.self  		D.trim

5.如果想在某个组件的根元素上监听一个原生事件,可以使用v-on的( B )修饰符。

A..self 			B..native			C.. capture		D..once

6.运行以下代码,页面中的输出结果是( B )。

<div id="box">
	<div v-if="score>=90">一等</div>
	<div v-else-if="score>=75">二等</div>
	<div v-else-if="score>=60">三等</div>
	<div v-else>四等</div>
</div>
<script type="text/javascript">
    var demo = new Vue({
        el : '#box',
        data : {
			score : 80
		}
    });
</script>
A.一等  	B.二等  	C.三等  	D.四等

7.下列代码中,横线处的正确写法是( A )。

<div id="example">
	<my-component myMusic="没离开过"></my-component>
</div>
<script type="text/javascript">
var vm = new Vue({
	el : '#example',
	components : {
		'my-component' : {
			props : ['______'],
			template : '<p>{{______}}</p>'
		}
	}
})
</script>
A.mymusic    	B.myMusic   	C.my-music   	D. my-Music  

8.在应用中加载图片文件需要使用( A )加载器。

A.file-loader 		B.css-loader 	C.style-loader     D.image-loader

9.在父组件监听自定义事件的时候,可以通过( B )访问到传递的参数值。

A.event 	B.$event 	C.$this 	D.$e

10.下面关于@vue/cli创建的项目中src目录下的文件夹或文件的描述不正确的是( D )。

A.assets文件夹用于存储静态资源,会被webpack构建
B.components文件夹用于存储公共组件
C.main.js是项目的入口文件
D.store.js是项目的路由配置文件

二、填空题

1.在Vue.js的指令中,修饰符是以半角句点符号指明的特殊后缀。

2.以下代码的运行结果是

<div id="box">
	<p v-if="a==1"></p>
	<p v-else></p>
</div>
<script type="text/javascript">
    var demo = new Vue({
        el : '#box',
        data : {
			a : 0
		}
    });
</script>

3.对元素的class属性进行绑定时,绑定的数据可以是对象或数组

4.下列代码中,当单击“显示”按钮时在控制台输出Vue.js,将代码补充完整。

<div id="box">
	<button v-on:click="___`show(Vue.js)`___">显示</button>
</div>
<script type="text/javascript">
    var vm = new Vue({
        el : '#box',
		methods : {
			show : function(str){
				console.log(str);
			}
		}
    });
</script>

5.Vue.js提供了两种注册组件的方式,分别是全局注册局部注册

6.在多元素过渡中,当有相同标签名的多个元素进行切换时,需要通过key属性为元素设置唯一的值。

7.Vue.js提供了两种过渡模式,分别是in-outout-in

8.通过路由实现组件之间的切换需要使用<router-link>组件。

9.使用axios发送请求时,用于处理请求失败的回调函数的方法是.catch方法。

10.由于Vuex的状态存储是响应式的,从store实例中读取状态最简单的方法就是在计算属性中返回某个状态。

本文转载于峰峰博客

  • 4
    点赞
  • 38
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值