TanStack Query 总览
TanStack Query 更适合放在“请求已经从发出去，走到缓存、失效、重试和同步”这个阶段来看。它解决的不是底层 HTTP 细节，而是服务端状态怎么在前端项目里长期保持稳定。
建议阅读顺序
基础概念React 使用Vue 使用常见模式Infinite Query 与 Cursor PaginationInitial Data、Placeholder Data 与 过渡态Query Cancellation 与 Abort Signal进阶能力
和请求封装的关系
TanStack Query 不是用来替代 fetch 或 axios 的。更常见的结构是：底层请求继续交给请求层，TanStack Query 负责缓存、同步、失效和重取。
更直白一点：
fetch / axios：怎么把请求发出去request 层：怎么统一鉴权、错误、超时和类型TanStack Query：怎么让数据在页面里稳定地活着
基础概念
TanStack Query 最重要的不是 API 数量，而是先分清服务端状态和本地 UI 状态。
React 使用
React 项目里，TanStack Query 最常见的价值是：把“页面加载一份数据”升级成“数据能缓存、能失效、能重取、能共享”。
Vue 使用
Vue 项目里接 TanStack Query，核心思路和 React 一样：请求层继续做请求，Query 层负责服务端状态。
常见模式
TanStack Query 放进真实项目后，差别往往不在 API 记得多不多，而在几种高频模式是不是已经写顺了。
Infinite Query 与 Cursor Pagination
分页场景一旦从“点下一页”走到“下拉加载更多”，查询模型就会明显变复杂。TanStack Query 在这类场景里给出的主线是 useInfiniteQuery。
Initial Data、Placeholder Data 与 过渡态
TanStack Query 在真实页面里，除了“能不能拉到数据”，还有一层经常更影响体验：
Query Cancellation 与 Abort Signal
TanStack Query 的取消能力 ，平时不一定最显眼，但一旦碰到这些场景，就会非常有用：
进阶能力
TanStack Query 的进阶能力，主要集中在这些方向：