《Vue企业开发实战》电子教案23_侦听器.docxVIP

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

第PAGE页

一、基本信息

课程名称

网站开发技术（VUE）

授课教材

《Vue企业开发实战》

授课项目

项目8计算属性和侦听器

授课教师

XXX

授课对象

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

授课方式

讲授+演示+上机

课时

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

授课地点

Web开发实训室

二、教学内容

本课对应课程标准项目8的任务2。掌握watch侦听数据变化，能区分计算属性与侦听器，完成页码变化等需要副作用的练习。一次课完成讲授、演示与上机，不拆分课时。

任务

教学内容

课件

任务2侦听器

什么是侦听器；computed与watch对比；适合异步或开销较大的任务；页码变化示例

教材8.2

三、学情分析

学生已能用computed算总价，但容易把“请求接口、写日志、改标题”也塞进computed。本课要求能说清：能算出来的用computed，有副作用的用watch。

四、教学目标

（一）知识目标

1.理解watch用于响应数据变化并执行副作用。

2.能对比计算属性与侦听器的适用场景。

3.了解immediate、深度侦听等基本选项（点到即可）。

（二）能力目标

1.能为某一数据编写watch。

2.能在页码变化时执行模拟请求或过滤。

3.能判断一段需求该用computed还是watch。

（三）素质目标

1.把复杂逻辑从模板抽到comp