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

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

Devtools

Copy Markdown

Wave your hands in the air and shout hooray because Vue Query comes with dedicated devtools! 🥳

When you begin your Vue Query journey, you'll want these devtools by your side. They help visualize all of the inner workings of Vue Query and will likely save you hours of debugging if you find yourself in a pinch!

The only thing you need to do is to install the official **Vue Devtools **.

Vue Query will seamlessly integrate with the official devtools, adding custom inspector and timeline events. Devtool code will be treeshaken from production bundles by default.

Edit on GitHub

Quick Start

TypeScript

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