知识目标

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

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

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

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

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

6.掌握v-model指令语法

7.掌握条件渲染指令

能力目标

1.能够创建Vue实例

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

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

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

5.能够使用v-model进行双向绑定

6.能够使用条件渲染指令

7.能够使用列表渲染指令循环输出内容

素质目标

   1. 自主学习能力    

   2. 规范编写代码的能力

   3. 认真细心的工作态度

   4. 团队合作能力

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

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

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

任务4 观看视频《双向绑定指令》并动手实践

任务6 观看视频《列表渲染指令》并动手实践

学习资源

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

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

意见反馈

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