项目2课后习题_第1页
项目2课后习题_第2页
项目2课后习题_第3页
全文预览已结束

下载本文档

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

文档简介

项目二课后习题一、单项选择题。1、下列关于Vue实例对象说法不正确的是（D）。A、Vue实例对象是通过newVue({)}方式创建的B、Vue实例对象只允许有一个唯一的根标签C、通过methos参数可以定义事件处理函数D、Vue实例对象中的data数据不具有响应特性2、Vue中实现数据双向绑定的是（C） A、v-bind B、v-for C、v-model D、v-if3、在Vue中，能够实现页面单击事件绑定的代码是（B）。 A、v-on:enterB、v-on:click C、v-on:mouseenter D、v-on:doubleclick二、判断题，正确的画‘√’，错误的画‘×’。1、在项目中引入了vue.js，就可以创建Vue实例。（√）2、Vue实例对象指令主要包括自定义指令和内置指令，通过指令可以省去DOM操作。（√）3、v-hidden是vue的内置指令。（×）4、v-for指令可以遍历对象。（√）5、计算属性有数据缓存功能。（√）三、编程题。1、使用v-show指令等，实现每点一次，实现文字的显示，再点一次，实现文字的隐藏，如此重复。参考答案：<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>v-show指令</title><scriptsrc="/npm/vue/dist/vue.js"type="text/javascript"charset="utf-8"></script></head><body><divid="box"><button@click="toshow()">显示/隐藏</button><p>v-show：<spanv-show="show">{{text}}</span></p></div></body><scripttype="text/javascript"charset="utf-8">newVue({el:"#box"，data:{text:"我要显示呀"，show:false}，methods:{toshow:function(){this.show=!this.show;}}})</script></html>2、某学校的学生成绩转化为不同等级，划分标准如下：（1）“优秀”，大于等于90分；（2）“良好”，大于等于75分；（3）“及格”，大于等于60分；（4）“不及格”，小于60分。从网页表单重输入成绩，请使用Vue3编程实现，输出您录入成绩的等级。<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>输出成绩的等级</title><scriptsrc="vue.global.js"></script></head><body> <divid="app"> 输入成绩：<inputtype="text"v-model="grade"><br> 等级为： <pv-if="grade>=90"> 优秀 </p> <pv-else-if="grade>=80"> 良好 </p> <pv-else-if="grade>=70"> 中等 </p> <pv-else-if="grade>=60"> 及格 </p> <pv-else> 不及格！ </p></div></body><script> constapp=Vue.createApp({ data(){ return{

人人文库> 全部分类> 教育资料 > 考试试卷

温馨提示

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

最新文档

评论

0/150

提交评论