《Vue企业开发实战》电子教案8_Vue.js是什么.docxVIP

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

第PAGE页

一、基本信息

课程名称

网站开发技术（VUE）

授课教材

《Vue企业开发实战》

授课项目

项目4初识Vue3

授课教师

XXX

授课对象

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

授课方式

讲授+演示+上机

课时

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

授课地点

Web开发实训室

二、教学内容

本课对应课程标准项目4的任务1。认识Vue3渐进式框架、MVVM与单文件组件，区分选项式与组合式思路，为数据绑定和生命周期打基础。一次课完成讲授、演示与上机，不拆分课时。

任务

教学内容

课件

任务1Vue.js是什么

MVVM；渐进式框架与开发模式；单文件组件结构；选项式与setup/组合式的关系

教材4.1

三、学情分析

学生已能配置路由，但多数人仍按“改DOM”思考。对.vue里template/script/style三分还停留在会打开文件。本课要求能说明MVVM，能指认SFC三部分。

四、教学目标

（一）知识目标

1.理解MVVM中数据与视图的对应关系。

2.了解Vue3作为渐进式框架的含义。

3.掌握单文件组件的基本结构。

（二）能力目标

1.能打开.vue指出template、script、style。

2.能用自己的话说明改数据驱动视图。

3.能创建一个最简单的SFC并挂到路由上。

（三）素质目标

1.培养声明式思维和阅读官方文