《Vue企业开发实战》电子教案5_前端路由原理.docxVIP

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

第PAGE页

一、基本信息

课程名称

网站开发技术（VUE）

授课教材

《Vue企业开发实战》

授课项目

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

授课教师

XXX

授课对象

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

授课方式

讲授+演示+上机

课时

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

授课地点

Web开发实训室

二、教学内容

本课对应课程标准项目3的任务1。理解路由、前端路由与使用场景，分清hash与history，为在大觅项目中引入VueRouter做准备。一次课完成讲授、演示与上机，不拆分课时。

任务

教学内容

课件

任务1什么是前端路由

路由概念；前端路由原理；hash/history；使用场景；与后端路由的差异

教材3.1

三、学情分析

学生已能启动SPA工程，但多数人把“换页”理解成再请求一个html。本课要求能说清单页里如何靠URL切换视图，以及大觅为何需要前端路由。

四、教学目标

（一）知识目标

1.理解路由是URL与视图的对应关系。

2.掌握前端路由与后端路由的分工。

3.了解hash与history两种模式及适用场景。

（二）能力目标

1.能根据大觅页面列出需要路由的路径。

2.能用自己的话说明SPA中切换栏目为何不必整页刷新。

3.能判断给定URL更像hash还是history。

（三）素质目标

1.养成规范操作、爱护实训设备、按步骤验证