《Vue企业开发实战》电子教案25_状态管理与Pinia.docxVIP

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

第PAGE页

一、基本信息

课程名称

网站开发技术（VUE）

授课教材

《Vue企业开发实战》

授课项目

项目9大觅项目中插件的使用

授课教师

XXX

授课对象

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

授课方式

讲授+演示+上机

课时

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

授课地点

Web开发实训室

二、教学内容

本课对应课程标准项目9的任务2。理解跨组件共享状态的场景，掌握Pinia基本用法，能在购票相关组件间共享例如登录信息或所选演出。一次课完成讲授、演示与上机，不拆分课时。

任务

教学内容

课件

任务2状态管理与Pinia

使用场景；Pinia安装与store；state/getters/actions基本用法

教材9.2

三、学情分析

学生已会父子通信，但选座页、确认页、个人中心要共享同一份数据时，层层props很痛苦。本课要求会建store，两个组件能读到同一状态。

四、教学目标

（一）知识目标

1.理解何时需要全局状态管理。

2.掌握Pinia的store、state、getters、actions基本概念。

3.了解在组件中使用store的方法。

（二）能力目标

1.能安装并注册Pinia。

2.能定义一个store并在两个组件中读写。

3.能说明何种数据不该放进全局。

（三）素质目标

1.按业务需要选型，不把所有数据塞进stor