feat: add guide for using props as a key of query

TanStack · Sep 23, 2024 · acddba3 · acddba3
1 parent 9da00d6
commit acddba3
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/docs/framework/vue/guides/query-keys.md b/docs/framework/vue/guides/query-keys.md
@@ -14,3 +14,14 @@ function useTodos(todoId) {
 ```
 
 [//]: # 'Example5'
+
+### If your query function depends on a props value, include it in your query key using computed variable
+```js
+<script setup>
+  const props = defineProps([todoId])
+  const todoIdValue = computed(()=>return props.todoId)
+  const queryKey = ['todos', todoIdValue]
+  const result = useQuery(queryKey, () => fetchTodoById(todoIdValue.value))
+</script>
+```
+