综合实训
侯素玲

1
2
3
4
5

品牌列表案例

发布时间:2022-08-26 12:14   发布人:侯素玲   浏览次数:230

学习目标

思政目标

   让学生了解就业方向明确学习目标激发学习动力。   


知识目标

1.掌握 vue 的基本使用步骤

2.掌握内容渲染指令插值表达式{{}}的用法

3.熟悉内容渲染指令v-htmlv-text

4.掌握属性绑定指令v-bind 的用法

5.掌握如何使用 v-on 指令绑定事件

6.工具软件Visual Studio Code的基本使用


能力目标

1.能够创建Vue实例

2.能够使用插值表达式{{}}渲染网页内容

3.能够使用v-bind 指令绑定属性

4.能够使用v-on 指令绑定事件

5.能够使用Vue调试工具


素质目标

   1. 自主学习能力    

   2. 规范编写代码的能力

   3. 认真细心的工作态度

   4. 团队合作能力


学习内容

1.观看视频创建基本的vue实例


   2.观看视频循环渲染表格的数据


3.观看视频把状态列渲染为switch开关效果


4.观看视频格式化时间


5.观看视频实现添加品牌的功能


6.观看视频快速清空文本框的内容


  7.观看视频实现删除品牌的功能

学习资源

1. 菜鸟教程    https://www.runoob.com/

2. 哔哩哔哩   Vue全套视频教程


意见反馈

通过您的反馈和意见,希望在以后可以改进我们的课程质量。