《Vue企业开发实战》电子教案2_let和const与解构赋值.docxVIP

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

第PAGE页

一、基本信息

课程名称

网站开发技术（VUE）

授课教材

《Vue企业开发实战》

授课项目

项目2大觅项目中ES6的使用

授课教师

XXX

授课对象

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

授课方式

讲授+演示+上机

课时

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

授课地点

Web开发实训室

二、教学内容

本课对应课程标准项目2的任务1、任务2。在已搭建的dm工程中落实ES6变量声明与解构赋值，为后续组件和接口数据提取做准备。一次课完成讲授、演示与上机，不拆分课时。

任务

教学内容

课件

任务1let和const

块级作用域、变量提升对比、不可重复声明、for循环父子作用域；const只读与对象/数组可变；Vue3中优先const

教材2.1

任务2解构赋值

数组解构、嵌套与默认值；对象解构、重命名与默认值；从接口数据中提取字段

教材2.2

三、学情分析

学生已能启动dm工程，具备Javascript基础，但多数人仍习惯用var，不理解块级作用域和闭包导致的按钮序号错误，也很少用解构从对象里取值。本课要求能说清let/const与var的差异，并能用解构提取JSON字段。

四、教学目标

（一）知识目标

1.掌握let/const与var在作用域、提升、重复声明上的差异。

2.理解const只读的是绑定，对象和数组内容仍可改。

3.掌握