《Vue企业开发实战》电子教案7_页面间导航.docxVIP

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

第PAGE页

一、基本信息

课程名称

网站开发技术（VUE）

授课教材

《Vue企业开发实战》

授课项目

项目3大觅项目的路由配置

授课教师

XXX

授课对象

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

授课方式

讲授+演示+上机

课时

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

授课地点

Web开发实训室

二、教学内容

本课对应课程标准项目3的任务3。掌握router.push、replace、go等编程式导航，完成大觅主要页面可按路由切换、导航正确。一次课完成讲授、演示与上机，不拆分课时。

任务

教学内容

课件

任务3页面间导航

router.push；router.replace；router.go；在列表进详情、返回、支付等场景中的选用

教材3.3

三、学情分析

学生已能用router-link切换页面，但业务里“选座后进确认页、支付成功不能回退到表单”需要编程式控制。本课要求能按场景选用push/replace/go。

四、教学目标

（一）知识目标

1.掌握push、replace、go的含义与差别。

2.理解编程式导航与声明式导航的分工。

3.了解向路由传递params/query的基本写法。

（二）能力目标

1.能在按钮点击中调用push进入详情。

2.能用replace避免返回到中间页。

3.能用go实现前进后退。

（三）素质目标

1.养成