snapshot of https://github.com/TanStack/query.git (main, 2026-09-16; blobs > 131072B omitted)
This commit is contained in:
38
docs/framework/vue/guides/parallel-queries.md
Normal file
38
docs/framework/vue/guides/parallel-queries.md
Normal file
@@ -0,0 +1,38 @@
|
||||
---
|
||||
id: parallel-queries
|
||||
title: Parallel Queries
|
||||
ref: docs/framework/react/guides/parallel-queries.md
|
||||
---
|
||||
|
||||
[//]: # 'Example'
|
||||
|
||||
```vue
|
||||
<script setup lang="ts">
|
||||
// The following queries will execute in parallel
|
||||
const usersQuery = useQuery({ queryKey: ['users'], queryFn: fetchUsers })
|
||||
const teamsQuery = useQuery({ queryKey: ['teams'], queryFn: fetchTeams })
|
||||
const projectsQuery = useQuery({
|
||||
queryKey: ['projects'],
|
||||
queryFn: fetchProjects,
|
||||
})
|
||||
</script>
|
||||
```
|
||||
|
||||
[//]: # 'Example'
|
||||
[//]: # 'Info'
|
||||
[//]: # 'Info'
|
||||
[//]: # 'Example2'
|
||||
|
||||
```js
|
||||
const users = computed(...)
|
||||
const queries = computed(() => users.value.map(user => {
|
||||
return {
|
||||
queryKey: ['user', user.id],
|
||||
queryFn: () => fetchUserById(user.id),
|
||||
}
|
||||
})
|
||||
);
|
||||
const userQueries = useQueries({queries: queries})
|
||||
```
|
||||
|
||||
[//]: # 'Example2'
|
||||
Reference in New Issue
Block a user