Vue期末练习测试测试卷及答案

Vue期末练习测试测试卷及答案您的姓名：*_________________________________您的班级：*○25软件203班○25软件202班你的学号：*_________________________________下列关于v-for说法错误的是（）*Av-for指令基于一个数组来渲染一个列表Bv-for指令需要使用iteminitems形式的特殊语法，其中items是源数据数组，而item则是被迭代的数组元素的别名C不可以用v-for来遍历一个对象的property(Correctanswer)Dv-for在使用的时候最好添加key，且key最好不是索引下列关于Vue实例对象说法不正确的是（）。*A．Vue实例对象是通过newVue({})方式创建的B．Vue实例对象只允许有唯一的一个根标签C．通过methods参数可以定义事件处理函数D．Vue实例对象中data数据不具有响应特性(Correctanswer)Vue实例对象中能够监听状态变化的参数是（）。*A．watch(Correctanswer)B．filtersC．watchingD．componentsVue中实现数据双向绑定的是（）。*A．v-bindB．v-forC．v-model(Correctanswer)D．v-if在Vue中，能够实现页面单击事件绑定的代码是（）。*A．v-on:enterB．v-on:click(Correctanswer)C．v-on:mouseenterD．v-on:doubleclick在MVVM设计模式中，Model代表的是_______。（）*A.数据模型(Correctanswer)B.控制器C.视图D.监听模型文本插值是数据绑定的最基本形式，使用_______符号进行。（）*A.[]B.{}C.{{}}(Correctanswer)D.<>关于简头函数的描述，下列说法错误的是_______。（）*A.使用简头符号“=>”定义B.参数超过1个，需要用小括号“()”括起来C.函数体语句超过1句，需要用大括号“{}”括起来，用return语句返回D.函数体内的this对象，绑定使用时所在的对象(Correctanswer)v-bind指令是Vue.js提供的用于绑定_______的指令。（）*A.HTML标记B.HTML属性(Correctanswer)C.CSS属性D.CSS标记v-if指令用于条件性地渲染内容，内容只会在指令的表达式返回_______值时被渲染。（）*A.0B.1C.True(Correctanswer)D.falseVue.js在HTML文档元素中采用_______指令监听DOM事件。（）*A.v-ifB.v-forC.v-on(Correctanswer)D.v-bind下列选项中，代表视图部分的是（）。*A．ElementB．DOMC．ModelD．View(Correctanswer)下列选项中，（）是基于Chrome浏览器的扩展，用于调试Vue应用的工具。*A．VScodeB．vue-devtools(Correctanswer)C．WechatD．Chrome下列选项中，可以引入vue.js文件的是（）。*A．<a>B．<script>(Correctanswer)C．<style>D．<link>在Vue实例中可以定义方法的是（）选项。*A.elB.methods(Correctanswer)C.dataD.computed在Vue.js中，计算属性需要定义在（）选项中。*A．computed(Correctanswer)B．watchC．methodsD．compute下列关于Vue实例对象说法错误的是（）。*A．Vue实例对象是通过newVue({})方式创建的。B．Vue实例对象只允许有唯一的一个根标签。C．通过methods参数可以定义事件处理函数D．Vue实例对象中data数据不具有响应特性(Correctanswer)在Vue.js中，列表渲染使用的是（）指令。*A．v-onB．v-for(Correctanswer)C．v-ifD．v-model下列对于v-show指令的描述错误的是（）。*A．v-show指令是根据表达式的值来判断是否显示或隐藏DOM元素B．使用v-show指令的元素都始终会被渲染并保留在DOM中C．绑定值的改变只是切换元素的CSS属性displayD．如果在运行时条件很少改变，则需要使用v-show(Correctanswer)在下面的双大括号标签中，（）是无效的表达式。*A．{{number+10}}B．{{str.toUpperCase()}}C．{{sign?'真':'假'}}D．{{if(sign)return1}(Correctanswer)使用v-for指令不能遍历的数据类型是（）。*A．整数B．字符串(Correctanswer)C．数组D．对象以下遍历并获取索引的正确方式（）。*A．<trv-for="(book,index)inbooks":key="index">(Correctanswer)B．<trv-for="book,indexinbooks":key="index">C．<trv-for="(index,book)inbooks":key="index">D．<trv-for="(index:book)inbooks":key="index">v-show指令的特点是（）。*A．v-show指令是通过修改元素的“display”CSS属性让其显示或者隐藏(Correctanswer)B．v-show指令是直接销毁和重建DOM达到让元素显示和隐藏的效果C．v-show指令是操作JavaScript动态的把DOM进行隐藏或显示的效果D．以上都不对以下代码的输出结果是（）。

<divid="app">{{message.split('').reverse().join('')}}</div>

<script>newVue({el:'#app',data:{message:'hello'}})</script>*A.helloB.helC.olleh(Correctanswer)D.llo以下代码的运行结果为（）。

<divid="app">

<p>{{len}}</p>

</div>

<scripttype="text/javascript">

varvm=newVue({

el:'#app',

data:{

str:'JavaScript'

},

computed:{

len:function(){

returnthis.str.length;

}

}

})

</script>*A．9B．10(Correctanswer)C．11D．12软件的npm包管理器是基于（）平台使用的。*A．Nodejs(Correctanswer)B．VueC．BabelD．Angular下列选项中，（）是基于ChromeV8引擎的JavaScript运行环境，它可以让*JavaScript运行在服务器端。A．npm.jsB．jQuery.jsC．vue.jsD．Node.js(Correctanswer)阻止默认事件的指令是（）。*A．.stopB．.selfC．.prevent(Correctanswer)D．.capture在父组件监听自定义事件的时候，可以通过（）访问到传递的参数值。*A．eventB．$event(Correctanswer)C．$thisD．$el下列关于组件的描述错误的是（）。*A．局部注册的组件只能在其父组件中使用，而无法在其它组件中使用B．组件选项对象中的data和Vue实例选项对象中的data的赋值是一样的(Correctanswer)C．组件的模板只能有一个根元素D．全局组件可在所有实例中使用下列关于组件props的描述错误的是（）。*A．props是父组件用来传递数据的一个自定义属性B．使用props传递的数据可以是数值和字符串类型，还可以是数组或对象类型C．使用props验证的时候，prop接收的参数是一个数组(Correctanswer)D．如果props传递的是一个对象或数组，那么它是按引用传递的在组件的选项对象中不能包括（）。*A．dataB．el(Correctanswer)C．computedD．methods下列关于单文件组件的说法错误的是（