还剩1页未读,继续阅读
文本内容:
第2次课1学时授课内容组件注册、使用props传递数据通过本次课的学习,掌握Vue组件注册机制,掌握如何使用props实现组件间传递教学目的与要求数据重点难点重点组件注册、使用props传递数据难点使用props传递数据
1.全局注册(5分钟)
2.局部注册(5分钟)
3.props传递数据的基本用法(15分钟)教学进程安排
4.单向数据流(10分钟)
5.数据验证(10分钟)
1.完成教材第4章题库与习题4对应习题课后学习任务布置
2.预习第
4.3节组件通信《Vue.js
3.X从入门到实战(微课视频版)》,陈恒等编著.清华大学出版社,主要参考资料2023o课后总结分析总结并逐步深入体会Vue组件注册机制,理解props传递数据的基本用法第3次课2学时使用自定义事件通信、使用v-model通信、使用mitt实现非父子组件通信、提供/授课内容注入(组件链传值)以及插槽的应用通过本次课的学习,掌握Vue各种场景下的组件通信的实现方法,包括父子组件通教学目的与要求信、兄弟组件通信、组件链通信;理解插槽的实际应用重点Vue各种场景下的组件通信的实现方法重点难点难点Vue各种场景下的组件通信的实现方法、作用域插槽的应用
1.使用自定义事件通信(15分钟)
2.使用v-model通信(15分钟)
3.使用mitt实现非父子组件通信(15分钟)
4.提供/注入(组件链传值)(15分钟)教学进程安排
5.单插槽slot(10分钟)
6.多个具名插槽(10分钟)
7.作用域插槽(10分钟)
1.完成教材第4章题库与习题4对应习题课后学习任务布置
2.预习第
4.5-4Z7节《Vue.js
3.X从入门到实战(微课视频版)》,陈恒等编著.清华大学出版社,主要参考资料2023o总结并逐步深入体会Vue各种场景下的组件通信的实现方法,理解作用域插槽的实课后总结分析际应用《前端开发框架技术》课程教案Vuejs第4次课1学时授课内容动态与异步组件、使用ref获取DOM元素和组件引用、正整数数字输入框组件通过本次课的学习,掌握动态与异步组件的应用场景及实现方法,理解ref获取教学目的与要求DOM元素和组件引用的原理重点动态与异步组件的应用场景及实现方法重点难点难点使用ref获取DOM元素和组件引用
1.动态组件(10分钟)
2.异步组件(10分钟)教学进程安排3,使用ref获取DOM元素和组件引用(10分钟)
4.实战正整数数字输入框组件(15分钟)
1.完成教材第4章题库与习题4对应习题课后学习任务布置
2.预习第5章过渡与动画《Vue.js
3.X从入门到实战(微课视频版)》,陈恒等编著.清华大学出版社,主要参考资料2023o总结并逐步深入体会动态与异步组件的应用场景及实现方法,理解ref获取课后总结分析DOM元素和组件引用的原理。