2020年9月26日前端部门Vue考核

发表于 更新于 本文字数： 1.4k 阅读时长 ≈ 1 分钟

2020年9月26日前端部门Vue考核

注意事项

  • 将答案写在Microsoft Word文档中，注意标明题号和书写格式。
  • 本试卷为后端部门Python基础知识考核，考核时间为90分钟，可以在考试60分钟后提前交卷，交卷需与监考学长示意，并将试卷按照部门-年级-姓名-Vue前端考核，例：前端-19-马帅帅-Vue前端考核进行命名（注意保留文件拓展名）
  • 只有在作答实践题、简答题时才允许使用代码编辑器、IDE工具等，在作答选择题时不允许使用任何代码编辑器。
  • 作答实践题时需要将代码及运行结果截图都贴到作答文档中。
  • 考试期间不允许通过搜索引擎、聊天软件、询问学长等方式获取及交流考核试题、答案。任何传递答案的作弊行为都会被立即请出社团！
  • 提交试题后不允许再次修改，提前交卷的成员可以在自己的座位上使用互联网自行学习，同样需要保持考核纪律。
  • 考试期间如遇到个人紧急情况可以与监考学长示意，考核时间照常计算不予延长。
  • 本次考核为了检测大家假期及最近的学习成果，不论最后考核结果如何，都应该在本次考核中展现出自己全部实力。

考核试题

  1. 什么是mvvm?(6)

  2. 当前有两个数据

1
2
val1 = "测试"
val2 = "通过"

页面默认显示 测试
当点击测试两字时改变值为 通过
html代码：

1
2
3
<div id="自拟">
    <h1>显示数据的位置</h1>
</div>

请使用vue实现此功能(10)

  1. 用于监听DOM的指令的是？(7)

A:v-on B:v-model C:v-bind D:v-html

  1. 现有以下代码(7)
1
2
3
<div id="app">
    <input :value="show">
</div>

其中:value是以下哪种代码的缩写?

A:v-model:value B:v-bind:value C:v-show:value D:v-if:value

  1. 简述v-if 与v-show的区别。(10)

  2. 目前有如下数据(20)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// gender 0是女1是男
// 在vue组件内:
data:{
    users:[
    {
        id:1,
        name:"张三",
        gender:0
    },
    {
        id:2,
        name:"李四",
        gender:1
    },
    {
        id:3,
        name:"Foo",
        gender:1
    },
    {
        id:2,
        name:"Bar",
        gender:0
    },
    ]
}

要求：以尽可能美观的方式将数据展示在html中

ps:html表单

1
2
3
4
5
<table>
    <tr>
        <th></th>
    <tr>
</table>

  1. 目前有一个内容为0-10的数组,在页面上用列表(li)渲染出来,要求不显示奇数。(20)

  2. 在页面上实现一个简单的加法计算器,要求使用vue的计算属性,无需点击实时显示计算结果。(20)

  3. 加分题:

使用ajax发送一段post请求将以下数据以Json的形式提交到localhost:5000 

1
2
3
4
formData = {
    id:1,
    newName:"更新后的值"
}