《Vue企业开发实战》电子教案19_组件通信.docxVIP

《网站开发技术（VUE）》·教案19

第PAGE页

一、基本信息

课程名称

网站开发技术（VUE）

授课教材

《Vue企业开发实战》

授课项目

项目7组件详解

授课教师

XXX

授课对象

高等职业教育专科软件技术专业

授课方式

讲授+演示+上机

课时

2课时（1次课，理实一体）

授课地点

Web开发实训室

二、教学内容

本课对应课程标准项目7的任务3。掌握自定义事件与defineEmits，了解兄弟通信的处理思路，能完成子向父回传（如标题栏返回、卡片购买）。一次课完成讲授、演示与上机，不拆分课时。

任务

教学内容

课件

任务3组件通信

自定义事件；defineEmits；子向父；兄弟通信的常见处理方式

教材7.3

三、学情分析

学生已会父传子，但点击子组件按钮后父页面不会跳转或改数据。本课要求会emit，能说明兄弟之间通常经父组件或后续Pinia中转。

四、教学目标

（一）知识目标

1.掌握自定义事件的触发与监听。

2.理解defineEmits的作用。

3.了解兄弟通信不宜直接互改，而应经过共同的父级或状态管理。

（二）能力目标

1.能在子组件点击时emit事件。

2.能在父组件监听并执行跳转或改数据。

3.能画出父子、兄弟通信的简图。

（三）素质目标

1.培养复用共享和团队协作意识。

2.遵守单向数据流，不在子组件里擅自改props。

3.养成规范操作、爱护