综合实训
侯素玲

1
2
3
4
5

组件之间的数据共享

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



学习目标

思政目标

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

知识目标

1.掌握组件之间的关系

2.父组件向子组件共享数据

3.子组件向父组件共享数据

4.实现父子组件之间数据的双向同步

5.了解EventBus的原理

6.基于 EventBus实现兄弟组件之间的数据共享

7. 基于 provide 和inject实现数据共享

8. 基于 provide向下共享响应式的数据

9. 了解vuex的概念及好处

10.总结组件之间实现数据共享的6种方案



能力目标

1.能够实现父子组件之间数据共享

2.能够实现兄弟组件之间的数据共享

3.能够理解EventBus的原理


素质目标

   1. 自主学习能力    

   2. 规范编写代码的能力

   3. 认真细心的工作态度

   4. 团队合作能力

学习内容

任务1  观看视频组件之间的关系》

2min

   任务观看视频《父组件向子组件共享数据》

4min

任务3 观看视频子组件向父组件共享数据

4min

任务4 观看视频实现父子组件之间数据的双向同步

3min

任务5 观看视频了解EventBus的原理

3min

任务6 观看视频基于 EventBus实现兄弟组件之间的数据共享

9min

任务7 观看视频基于 provide 和inject实现数据共享

5min

任务8  观看视频基于 provide向下共享响应式的数据

5min

学习资源

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

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

意见反馈

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