《Vue.js3.x前端开发技术与实战》教学进度表 .doc

课程教学进度表

1.课程基本信息

课程名称

Vue.js3.x前端

开发技术

课程编码

课程类别

（必修或选修）

必修

考核方式

（考试或考查）

考试

学分

上课周数

周

学

时

总

学

时

学时分配

讲授

实验

实践

习题

课堂讨论

其它

3.5

10

6

56

40

16

上课时间、地点

多媒体教室和计算机机房

任课

教师

姓名

教师工号

职称

承担学时

教学环节、教学方法

及其它说明事项

问题引导式、实战案例、项目实战，讲授+视频，

网络平台：学银在线、清览题库

教材

及主要参考资料

教材：

Vue.js3.x前端开发技术与实战，储久良著，清华大学出版社，2024.01.

参考书、参考资料：

1.Vue.js前端框架技术与实战，储久良著，清华大学出版社，2022.01.

2.循序渐进Vue.js3前端开发实战，张益珲主编，清华大学出版社,2022.01.

3.Vue.js3.x从入门到实战（微课视频版）,陈恒、刘海燕、贾慧敏、张宏编著，清华大学出版社,2023.08.

2.教学周计划

周

次

讲授

实验

实践

习题

课堂讨论

其

它

计划教学内容

备注

教学内容摘要

实验、实践、习题及其它

第

一

周

6

1.1Vue.js简介

1.2Vue.js生产环境配置

1.3Vue.js开发工具

1.4ECMAScript6.0基础

2.1MVVM模式

2.2数据绑定与插值

2.3计算属性与方法【选讲】

2.4侦听属性watch【选讲】

2.5生命周期钩子函数

2.6Vue中数组变动更新

2.7控制台console对象

实战项目练习与指导【课外】

第

二

周

4

2

3.1条件渲染

3.2列表渲染（v-for指令）

3.3类与样式绑定（v-bind指令）

3.4事件处理（v-on指令）

3.5表单输入绑定（v-model指令）

实训１实战项目练习与指导

第

三

周

4

2

3.6v-html与v-text指令

3.7v-once、v-cloak、v-pre指令

3.8Vue.js自定义指令

4.1响应式基础

4.2Vue3生命周期

实训2实战任务实战项目练习与指导

第

四

周

4

2

5.1组件基础

5.2组件间通信

5.3插槽

实训3实战项目练习与指导

第

五

周

4

2

6.1掌握单元素/组件的过渡

6.2掌握初始渲染的过渡

6.3掌握多个元素的过渡

6.4掌握多个组件的过渡

6.5掌握列表过渡

实训5实战项目练习与指导

第

六

周

4

2

7.1Vue开发环境简介

7.2Node包管理器npm

7.3webpack打包工具

7.4VueCLI

7.5单文件组件SFC

实训6实战项目练习与指导

第

七

周

4

2

7.6组合式API：依赖注入

7.7组合式API模板引用

7.8组合式函数【选讲】

7.9模板refs【选讲】

8.1掌握VueRouter概述

8.2掌握VueRouter高级应用（8.2.1）

实训7实战项目练习与指导

第

八

周

4

2

8.2掌握VueRouter高级应用

9.1Vuex概述

9.2Vuex基本使用

9.3Vuex核心概念（9.3.4）

实训8实战项目练习与指导

第

九

周

4

2

9.3Vuex核心概念（9.3.5-9.3.7）

9.4 Vuex多模块实战案例

10.1ElementPlus概述

10.2ElementPlus组件

10.3ElementPlus组件应用

实训9实战项目练习与指导

第

十

周

4

11.1Vite构建项目

11.2Vite创建‘惠民早点’项目

12.1Axios概述

12.2Axios举例

12.3JSONServer与Postman

12.4跨域请求数据

12.5AxiosAPI【选讲】

12.6Axios拦截器【选讲】

12.7Axios应用实战

实战项目练习与指导

第

十

一周

考试（理论卷+实践卷）

机房考试

注：1、本进度表学期初填写，授课教师每门课程一式二份，学院和教务处各存档一份。

2、本进度表经教研室讨论通过，教研室主任和教学院长批准后执行。

3、此进度表为A4纸双面打印。

教研室主任审核签字：

教学院长审核签字：

学院盖章（日期）：

教务处备案（日期）：填写完整

2024年1月24日