知识目标

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

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

3.熟悉内容渲染指令v-html、v-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-1 观看视频《Vue简介》

   任务1-2 观看视频《Vue的基本使用》并动手实践

任务2-1观看视频《内容渲染指令》并动手实践

任务2-2 观看视频《属性绑定指令》并动手实践

任务3-1观看视频《事件绑定指令》并动手实践

任务3-2观看视频《事件对象》并动手实践

任务4-1观看视频《事件修饰符》并动手验

任务4-2观看视频《按键修饰符》并动手实践

学习资源

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

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

意见反馈

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