Vue.js前端开发自测试卷4_第1页
Vue.js前端开发自测试卷4_第2页
Vue.js前端开发自测试卷4_第3页
Vue.js前端开发自测试卷4_第4页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、自测试卷4自测试卷4一、选择题1在下面的双大括号标签中,哪一个是无效的表达式?( )Anumber + 10                   Bstr.toUpperCase()                 Cboo ? '真' : &

2、#39;假'               Dif(boo) return 12使用v-for指令不能遍历下列哪种数据类型?( )。A整数B字符串C数组D对象3在Vue.js中,计算属性需要定义在( )选项中。AcomputedBwatch  Cmethods   Dcompute4下列关于组件的描述错误的是( )。A局部注册的组件只能在其父组件中使用,而无法在其它组件中使用B组件选项对象中的data

3、和Vue实例选项对象中的data的赋值是一样的C组件的模板只能有一个根元素D全局组件可在所有实例中使用5下列哪个不是Vue.js中的内置组件?( )Acomponent BtransitionCtemplate Dtransition-group6下列关于过渡的描述错误的是( )。Atransition组件只会把过渡效果应用到其包含的内容上,而不会额外渲染DOM元素B自定义的过渡类名的优先级高于普通的类名C在<transition>的默认行为中,元素的进入和离开是同时发生的D定义离开过渡的开始状态的class类名是v-leave-to7运行下面代码,输出结果为( )。<div

4、 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

5、(value)return value.charAt(0).toUpperCase()+value.substr(1); );</script>AHTML BhtmlCHtml DhTML8在webpack配置文件中,mode配置选项用于配置开发项目使用的模式,下列哪一项不是mode选项可用的模式? ( ) Aproduction Bdevelopment Cnone Dbuild9下列哪一项不是Vuex的组成部分?( ) AgettersBsettersCmutationsDactions10在下列Vue指令中描述错误的

6、是( )。Av-on指令用于监听DOM事件Bv-show指令用于判断是否显示或隐藏DOM元素Cv-html指令可以更新元素的innerHTMLDv-model指令用于在表单控件元素上创建单向数据绑定二、填空题1应用filters选项定义的过滤器包括_和_两部分。2下列代码中,应用v-for指令遍历数组items,将代码补充完整。 <div id="box"><span v-for="_">item</span></div><script type="text/javascript&

7、quot;> var demo = new Vue( el : '#box', data : items : 'a','b','c' );</script>3v-on指令的简写形式是在事件名称前添加符号_。4如果只有一个复选框,应用v-model绑定的是一个_值。5下列代码中,应用自定义指令设置文本的大小,将代码补充完整。<div id="example"> <span _="'36px'">坚持不懈</span><

8、/div><script type="text/javascript">var exam = new Vue(el:'#example', directives: setSize: function (el,binding) el.style.fontSize = binding.value; )</script>6在多个组件之间进行切换的时候,为了保持这些组件的状态,可以用_元素将动态组件包含起来。7下列代码中,通过Prop将父组件的数据传递给子组件,将代码补充完整。<div id="example"

9、><my-component message="传递的数据"></my-component></div><script type="text/javascript">Vponent('my-component', props : _,template : '<p>message</p>')var vm = new Vue(el : '#example')</script>8除了使用<router-link>

10、创建<a>标签可以定义导航链接之外,还可以使用router的_方法实现导航的功能。9在下面代码中,当鼠标指向图片时为图片添加边框,请将代码补充完整。<div id="example"><img v-bind:src="url" v-on:mouseover="addBorder"></div><script type="text/javascript">var vm = new Vue(el:'#example',data:url : 'images/js.png',methods : addBorder : function(e)_ = '1px solid blue')</script>10在组件中访问定义的getter

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论