用途:该技能用于系统学习 Vue 应用中的 Pinia 状态管理,围绕 store 设计、actions、getters、插件与持久化策略展开,强调可扩展的状态管理模式。
主要能力:按主题(stores、actions、getters、plugins、persistence、all)与难度(beginner、intermediate、advanced)组织内容,并可选传入应用规模与已有状态等上下文。学习模块包括:Store 基础(安装配置、defineStore、state、storeToRefs 使用,并对比 Options Store 与推荐的 Setup Store 写法);Actions 与异步(同步 action、异步 API 调用、错误处理、加载状态、乐观更新);Getters 与计算(简单 getter、带参数 getter、跨 store 组合、记忆化);Store 架构(按领域拆分 store、组合 store、规范化状态、模块化导出);插件与持久化(日志、持久化状态、重置、自定义插件)。另含初/中/高三级检查点、重试逻辑配置、可观测事件与常见问题排错表。
使用方式:通过 Skill("vue-pinia") 调用。前置技能为 vue-composition-api,相关技能包括 vue-typescript 与 vue-testing。测试示例使用 vitest 配合 setActivePinia(createPinia()) 在 beforeEach 中初始化。
适用场景:中小型到大型 Vue 项目中的状态管理设计、异步数据流处理、跨 store 组合、状态持久化与 store 单元测试。
限制:资料未提供具体收费、价格、平台支持范围与效果保证;部分内容(如 HMR 配置、插件实现细节)仅给出要点,未提供完整代码。常见问题包括解构导致失去响应式(应使用 storeToRefs)、循环依赖、在 app.use 之前使用 Pinia、缺少 acceptHMRUpdate 导致 HMR 失效。