选择题

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-out和out-in。

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

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

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

本文转载于峰峰博客