02JavaScriptVue作业

1 简答题

1.1 简答题目一

JavaScript中自定义对象的格式是什么？

答：

1.2 简答题目二

如何理解DOM？页面的每一部分对应的对象是什么？

答：

1.3 简答题目三

请列出 点击事件、失去焦点事件、获得焦点事件、表单提交事件、页面加载完毕事件 的事件属性名？

答：

1.4 简答题目四

简述对Vue中MVVM思想的理解？

答：

1.5 简答题目五

v-bind 指令的作用是什么？简化的写法是什么？

答：

1.6 简答题目六

v-model 指令的作用是什么？可以使用在哪类标签上？

答：

1.7 简答题目七

使用vue如何给标签绑定事件？绑定的函数需要定义在什么位置？

答：

2 编码题

2.1 编码题目一

训练目标：

使用vue实现页面效果，表格标签的使用

需求描述：

请使用Vue实现 给表格绑定数据模型对象，给删除按钮绑定单击事件

//模型数据
[{"id":1001,"name":"张三","gender":1,"address":"西安"},{"id":1002,"name":"李四","gender":1,"address":"武汉"},{"id":1003,"name":"王五","gender":1,"address":"北京"},{"id":1004,"name":"赵六","gender":2,"address":"上海"},{"id":1005,"name":"田七","gender":1,"address":"深圳"},{"id":1006,"name":"坤坤","gender":2,"address":"南京"}
]

素材：

页面请使用 以 下提供好的页面：素材下载

提示：

1. v-for给表格对象动态项模型数据
2. v-if处理性别展示
3. @click绑定单击事件

实现思路：

1. 在页面中创建vue对象
2. 在vue对象中，定义表格对应的模型数据
3. 在页面中使用v-for绑定表格项模型数据
4. 在页面中使用v-if处理性别中文展示
5. 在vue对象中，定义表格中删除按钮对应的单击事件方法
6. 在页面中使用@click给删除按钮绑定单击事件

2.2 编码题目二

训练目标：

使用vue实现页面效果，表单标签和表单项标签的使用

需求描述：

请使用Vue实现 给表单绑定数据模型对象，给登录和重置按钮绑定单击事件

素材：

页面请使用 以 下提供好的页面：素材下载

提示：

1. v-model绑定表单项模型数据
2. @click绑定单击事件

实现思路：

1. 在页面中创建vue对象
2. 在vue对象中，定义表单对应的模型数据
3. 在页面中使用v-model绑定表单项模型数据
4. 在vue对象中，定义表单中两个按钮对应的单击事件方法
5. 在页面中使用@click给两个按钮绑定单击事件