下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
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. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2024年水泥买卖合同(含合同变更和补充条款)
- 2024年度绿色建筑设计与施工合作协议书3篇
- 学困生转化工作计划
- 小学校本教研活动计划
- 电话销售业务员工作计划
- 劳动合同样板
- 公司员工自我鉴定
- 制定护士的年度工作计划
- 政府公共关系(第二版)课件 第6章 政府的公众对象与舆论环境
- 经典国学教学计划
- 2024-2030年中国硅肥行业规模分析及投资前景研究报告
- 电网行业工作汇报模板22
- 2024年度跨境电商平台承包经营合同3篇
- 2025年上半年人民日报社招聘应届高校毕业生85人笔试重点基础提升(共500题)附带答案详解
- 山东省临沂市2023-2024学年高二上学期期末考试生物试题 含答案
- 2024-2025学年一年级数学上册期末乐考非纸笔测试题(二 )(苏教版2024秋)
- 办公楼电气改造施工方案
- 浙江省衢州市2023-2024学年高一上学期期末英语试题(含答案)3
- 上学期高二期末语文试卷(含答案)
- 超龄员工用工免责协议书
- 《雁门太守行》课件
评论
0/150
提交评论