SuperAPI AI 工具集

pinia

前端与建站

查看项目

更新于 10-16 00:29

技能介绍

用途:Pinia 是 Vue 的状态管理库,用于集中管理应用状态,支持在组件间共享数据。

主要能力:支持 Option Store(选项式)与 Setup Store(组合式)两种定义方式;state 定义状态,getters 计算派生值,actions 处理同步与异步逻辑;可通过 $patch、$state、$reset 修改或重置状态;支持 $subscribe 订阅状态变化、$onAction 订阅 action 调用;支持插件扩展(如持久化到 localStorage、注入 router 等自定义属性);提供 storeToRefs 保持解构后的响应性;支持 TypeScript 类型标注;支持 store 之间组合与相互调用;可用 setActivePinia、createPinia 配合 Vitest 进行测试。

使用方式:安装 npm install pinia;在 main.ts 中 createApp(App).use(createPinia());用 defineStore 定义 store,在组件 setup 中调用 useXxxStore 使用;解构时用 storeToRefs 保留响应性。

适用场景:Vue 应用需要集中式状态、跨组件共享数据、异步数据获取与状态持久化等。

限制:资料未提供版本兼容范围、性能数据、收费与授权信息;调用 useStore 需在 setup 或 actions 内,避免循环依赖,getters 应保持纯函数。