自测试卷1
一、选择题
1．在Vue实例中可以定义方法的是（）选项。
A. el
B. methodsweb前端开发笔试题库
C. data
D. computed
2．下列指令中，不能实现条件判断的是（）。
A. v-if
B. v-else
C. v-show
D. v-bind
3．下列代码的运行结果为（）。
<div id="example">
<p>{{len}}</p>
</div>
<script type="text/javascript">
var exam = new Vue({
el:'#example',
data:{
str : 'JavaScript'
},
computed : {
len : function(){
return this.str.length;
}
}
})
</script>
A．9  B．10  C．11  D．12
4．下列指令中，可以对表单元素进行双向数据绑定的是（）。
A．v-model  B．v-on
C．v-bind    D．v-show
5．在子组件中触发自定义事件的方法是（）。
A． $emit B． $event C． $this D． $on
6．在元素显示与隐藏的过渡中，用于定义元素离开过渡生效时的状态的class类名是（）。A．v-leave  B．v-enter-active
C．v-leave-to D．v-leave-active
7．下列代码中，横线处的正确写法是（）。
1
2
<div id="example">
<my-component ______="陪你看日出"></my-component>
</div>
<script type="text/javascript">
var vm = new Vue({
el : '#example',
components : {
'my-component' : {
props : ['myTitle'],
template : '<p>{{myTitle}}</p>'
}
}
})
</script>
A．my-title B．mytitle  C．myTitle D．MyTitle
8．下列哪个不是webpack配置文件中的配置选项？（）。
A．mode          B．entry
C．module              D．enter
9．下列选项中哪个不是指令定义对象中的钩子函数？（）
A．bind B．inserted C．updated  D．unbind
10．下列关于生命周期钩子函数的说法错误的是（）。
A．beforeCreate钩子在Vue实例开始初始化时调用
B．created钩子在实例创建之后进行调用
C．mounted钩子在DOM文档渲染完毕之后进行调用
D．destroyed钩子在实例被销毁之前进行调用
二、填空题
1．以下代码的输出结果为 ___________。
<div id="box">
<span>{{LowerCase()}}</span>
</div>
<script type="text/javascript">
var demo = new Vue({
el : '#box',
data : {
str : 'HTML'
}
});
</script>
2．如果需要对一组元素进行判断，需要使用___________元素作为包装元素，并在该元素上使用v-if。
3．使用watch选项监听对象内部值的变化，可以在监听属性的选项参数中设置___________选项。
4．Vue.js为v-on指令提供的事件修饰符中，使用____________修饰符可以阻止事件的传播。
5．当选中某个单选按钮时，v-model绑定的属性值会被赋值为该单选按钮的________。
6．以下代码的输出结果为 ___________。
<div id="example">
{{value}}
</div>
<script type="text/javascript">
Vueponent('my-button', {
template: '<span> \
<slot>注册</slot> \
</span>'
})
var vm = new Vue({
el: "#example",
data: {
value : '登录'
}
});
</script>
7．实现列表过渡需要使用_________组件。
8．vue-router的作用是将每个路径映射到对应的组件，并通过_________进行组件之间的切换。
9．使用axios发送请求时，用于处理请求成功的回调函数的方法是_________方法。
10．使用@vue/cli生成一个名称为film的项目，在命令提示符窗口中需要输入命令________________。
三、编程题
1．应用filters选项定义本地过滤器，截取新闻标题“每天编程一小时大型IT公益活动”的前9个字符，
后面的字符用“……”代替。
2．应用Prop和$emit实现父子组件之间数据的传递。定义一个按钮和一张图片，通过单击按钮实现放
大图片的功能。
3

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。