综合实训
侯素玲

1
2
3
4
5

组件之间的数据共享

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



学习目标

思政目标

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

知识目标

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

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

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全套视频教程

意见反馈

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