《Vue企业开发实战》电子教案9_组件与数据绑定.docxVIP

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

第PAGE页

一、基本信息

课程名称

网站开发技术（VUE）

授课教材

《Vue企业开发实战》

授课项目

项目4初识Vue3

授课教师

XXX

授课对象

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

授课方式

讲授+演示+上机

课时

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

授课地点

Web开发实训室

二、教学内容

本课对应课程标准项目4的任务2。掌握实例与数据、插值表达式和生命周期，能用数据驱动视图，能说明挂载阶段可做什么。一次课完成讲授、演示与上机，不拆分课时。

任务

教学内容

课件

任务2组件与数据绑定

实例与数据；插值表达式及注意事项；生命周期（尤其挂载）

教材4.2

三、学情分析

学生已能创建SFC，但数据如何出现在模板、何时适合发请求还不清楚。本课要求会写插值，能指出created/mounted等节点的用途。

四、教学目标

（一）知识目标

1.掌握组件数据如何被模板使用。

2.掌握插值表达式的典型用法及不能写语句等注意点。

3.理解生命周期及挂载时期适合做的事。

（二）能力目标

1.能用插值把数据显示到页面。

2.能根据生命周期图说明mounted适合加载数据。

3.能做插值与生命周期的对照实验。

（三）素质目标

1.培养声明式思维。

2.养成先看生命周期再写副作用的习惯。

3.规范操作、协作排错。

五、教学重点与难点

类型

内容

突破办法