《Vue企业开发实战》电子教案4_Module与Promise.docxVIP

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

第PAGE页

一、基本信息

课程名称

网站开发技术（VUE）

授课教材

《Vue企业开发实战》

授课项目

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

授课教师

XXX

授课对象

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

授课方式

讲授+演示+上机

课时

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

授课地点

Web开发实训室

二、教学内容

本课对应课程标准项目2的任务5、任务6。掌握export/import与exportdefault，理解Promise状态、then/catch及all/race，能把异步请求接到组件加载思路上。一次课完成讲授、演示与上机，不拆分课时。

任务

教学内容

课件

任务5Module语法

模块概述；export与import；exportdefault；在.vue/路由文件中的应用

教材2.5

任务6Promise对象

含义与三种状态；then链式；catch；resolve/reject/all/race；在Vue3中加载数据

教材2.6

三、学情分析

学生已能写箭头函数和Map，但代码仍堆在一个文件里，异步习惯用层层回调。本课要求能拆模块，并能用Promise处理成功/失败，理解为何后面要用Axios。

四、教学目标

（一）知识目标

1.掌握export、import和exportdefault的选用。

2.理解Promise的