一、选择题
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______。
本文转载于峰峰博客