用途:该技能用于在 Vue 3 与 Nuxt 项目中引入 Pinia Colada 进行数据请求管理,覆盖异步状态、查询缓存、SSR、缓存失效与 hydration 等场景,也可用于从 TanStack Vue Query 迁移的参考。
主要能力:提供 useQuery 与 useMutation 的用法说明,涵盖查询键、响应式键、分页(placeholderData)、乐观更新(onMutate 回滚)、依赖/并行/条件查询、轮询与预取等模式;并给出常见错误目录与预防策略,重点包括变更后未重新拉取、乐观更新竞态、SSR 水合不匹配、查询键不响应式、Nuxt 模块顺序错误。
安装与用法:Vue 项目执行 bun add @pinia/colada pinia;Nuxt 项目执行 bun add @pinia/nuxt @pinia/colada-nuxt。Vue 中在 createPinia() 之后 app.use(PiniaColada, {...});Nuxt 中在 modules 里将 @pinia/nuxt 放在 @pinia/colada-nuxt 之前。查询键必须为数组或返回数组的 getter,查询函数中抛错而非返回 undefined,变更后用 useQueryCache() 的 invalidateQueries 失效相关查询。
依赖:@pinia/colada@0.17.9、pinia@2.2.6+ 或 3.0+、vue@3.5.17+;Nuxt 需另装 @pinia/colada-nuxt。
限制:资料未提供价格、收费方式、实际效果评测及平台支持范围等信息,暂未提供。