Source: https://tanstack.com/query/v4/docs/framework/vue/graphql

TanStack

Query v4v4

Search...

+ K

Auto

Log In

TanStack StartRC

Docs Examples GitHub Contributors

TanStack Router

Docs Examples GitHub Contributors

TanStack Query

Docs Examples GitHub Contributors

TanStack Table

Docs Examples Github Contributors

TanStack Formnew

Docs Examples Github Contributors

TanStack DBbeta

Docs Github Contributors

TanStack Virtual

Docs Examples Github Contributors

TanStack Paceralpha

Docs Examples Github Contributors

TanStack Storealpha

Docs Examples Github Contributors

TanStack Devtoolsalpha

Docs Github Contributors

More Libraries

Maintainers Partners Support Learn StatsBETA Discord Merch Blog GitHub Ethos Brand Guide

Documentation

Framework

Vue

Version

v4

Search...

+ K

Menu

• Home

• Frameworks

• Contributors

• Community Resources

• GitHub

• Discord

Getting Started

• Overview
  
  vue

• Installation
  
  vue

• Quick Start
  
  vue

• Devtools
  
  vue

• TypeScript
  
  vue

• GraphQL
  
  vue

Guides & Concepts

• Important Defaults
  
  vue

• Queries
  
  vue

• Query Keys
  
  vue

• Query Functions
  
  vue

• Network Mode
  
  vue

• Parallel Queries
  
  vue

• Dependent Queries
  
  vue

• Background Fetching Indicators
  
  vue

• Window Focus Refetching
  
  vue

• Disabling/Pausing Queries
  
  vue

• Query Retries
  
  vue

• Paginated Queries
  
  vue

• Infinite Queries
  
  vue

• Initial Query Data
  
  vue

• Placeholder Query Data
  
  vue

• Prefetching
  
  vue

• Mutations
  
  vue

• Query Invalidation
  
  vue

• Invalidation from Mutations
  
  vue

• Updates from Mutation
  
  vue

• Optimistic Updates
  
  vue

• Query Cancellation
  
  vue

• Scroll Restoration
  
  vue

• Filters
  
  vue

• SSR & Nuxt
  
  vue

• Caching
  
  vue

• Default Query Fn
  
  vue

• Suspense
  
  vue

• Custom Logger
  
  vue

• Custom Client
  
  vue

• Does this replace [Vuex, Pinia]?
  
  vue

Community Resources

• TkDodo's Blog
  
  vue

• Query Key Factory
  
  vue

API Reference

• QueryClient
  
  core

• QueryCache
  
  core

• MutationCache
  
  core

• QueryObserver
  
  core

• InfiniteQueryObserver
  
  core

• QueriesObserver
  
  core

• focusManager
  
  core

• onlineManager
  
  core

• useQuery
  
  vue

• useQueries
  
  vue

• useInfiniteQuery
  
  vue

• useMutation
  
  vue

• useIsFetching
  
  vue

• useIsMutating
  
  vue

• useQueryClient
  
  vue

• hydration
  
  vue

ESLint

• ESLint Plugin Query
  
  core

• Exhaustive Deps
  
  core

• No deprecated options
  
  core

• Prefer object syntax
  
  core

• Stable Query Client
  
  core

Examples

• Basic
  
  vue

• Vue 2.6
  
  vue

• Nuxt 3
  
  vue

• Persister
  
  vue

Framework

Vue

Version

v4

Menu

• Home

• Frameworks

• Contributors

• Community Resources

• GitHub

• Discord

Getting Started

• Overview
  
  vue

• Installation
  
  vue

• Quick Start
  
  vue

• Devtools
  
  vue

• TypeScript
  
  vue

• GraphQL
  
  vue

Guides & Concepts

• Important Defaults
  
  vue

• Queries
  
  vue

• Query Keys
  
  vue

• Query Functions
  
  vue

• Network Mode
  
  vue

• Parallel Queries
  
  vue

• Dependent Queries
  
  vue

• Background Fetching Indicators
  
  vue

• Window Focus Refetching
  
  vue

• Disabling/Pausing Queries
  
  vue

• Query Retries
  
  vue

• Paginated Queries
  
  vue

• Infinite Queries
  
  vue

• Initial Query Data
  
  vue

• Placeholder Query Data
  
  vue

• Prefetching
  
  vue

• Mutations
  
  vue

• Query Invalidation
  
  vue

• Invalidation from Mutations
  
  vue

• Updates from Mutation
  
  vue

• Optimistic Updates
  
  vue

• Query Cancellation
  
  vue

• Scroll Restoration
  
  vue

• Filters
  
  vue

• SSR & Nuxt
  
  vue

• Caching
  
  vue

• Default Query Fn
  
  vue

• Suspense
  
  vue

• Custom Logger
  
  vue

• Custom Client
  
  vue

• Does this replace [Vuex, Pinia]?
  
  vue

Community Resources

• TkDodo's Blog
  
  vue

• Query Key Factory
  
  vue

API Reference

• QueryClient
  
  core

• QueryCache
  
  core

• MutationCache
  
  core

• QueryObserver
  
  core

• InfiniteQueryObserver
  
  core

• QueriesObserver
  
  core

• focusManager
  
  core

• onlineManager
  
  core

• useQuery
  
  vue

• useQueries
  
  vue

• useInfiniteQuery
  
  vue

• useMutation
  
  vue

• useIsFetching
  
  vue

• useIsMutating
  
  vue

• useQueryClient
  
  vue

• hydration
  
  vue

ESLint

• ESLint Plugin Query
  
  core

• Exhaustive Deps
  
  core

• No deprecated options
  
  core

• Prefer object syntax
  
  core

• Stable Query Client
  
  core

Examples

• Basic
  
  vue

• Vue 2.6
  
  vue

• Nuxt 3
  
  vue

• Persister
  
  vue

GraphQL

Copy Markdown

Because Vue Query's fetching mechanisms are agnostically built on Promises, you can use Vue Query with literally any asynchronous data fetching client, including GraphQL!

Keep in mind that Vue Query does not support normalized caching. While a vast majority of users do not actually need a normalized cache or even benefit from it as much as they believe they do, there may be very rare circumstances that may warrant it so be sure to check with us first to make sure it's truly something you need!

Edit on GitHub

TypeScript

Important Defaults

Partners Become a Partner

[###### Want to Skip the Docs?

Query.gg - The Official React Query Course
\

“If you’re serious about *really* understanding React Query, there’s no better way than with query.gg”—Tanner Linsley

Learn More](https://query.gg/?s=tanstack)

You are currently reading v4 docs. Redirect to latest version?

Latest Hide