跳转到内容

Vue 适配

  • 你需要在 Vue 中快速建立“可取消、可缓存、可失效刷新”的查询链路。
  • 你希望把“快速上手 -> 读写实战 -> 生产上线”按固定结构交付给团队。
  • 核心读取语义是 Ref(.value),适合组合式 API。
能力主 API是否覆盖
标准查询useQuery
无限查询useInfiniteQuery
变更操作useMutation
Suspense 变体useSuspense*
SSR/CSR 一致性可选
  • 核心读取语义是 Ref(.value),适合组合式 API。
  • 统一语义保持一致:fetch / refetch / prefetch / invalidate / cancel
  • 差异主要在返回值消费方式(对象 / Ref / Accessor / Store)。
  • 单资源/单页:先用标准查询建立 key 与取消语义。
  • 列表滚动:直接进入无限查询,避免后续重构为分页模型。
  • 建议先完成只读 query,再接 mutation + invalidate。
  • 写操作上线前必须验证失败回滚和重试策略。
  • 纯客户端可先不做 SSR,后续按路由场景补预取。
  1. 概览(当前页)
  2. 10 分钟上手
  3. 读写实战
  4. 进阶与上线