diff --git a/docs/framework/vue/guides/query-keys.md b/docs/framework/vue/guides/query-keys.md
index a09aa36443..7be6a9053f 100644
--- a/docs/framework/vue/guides/query-keys.md
+++ b/docs/framework/vue/guides/query-keys.md
@@ -14,3 +14,13 @@ function useTodos(todoId) {
 ```
 
 [//]: # 'Example5'
+
+### If your query function depends on a props value, include it in your query key using getter syntax
+
+```js
+<script setup>
+  const props = defineProps([todoId]);
+  const queryKey = ['todos', ()=> props.todoId] ;
+  const result = useQuery(queryKey, () => fetchTodoById(props.todoId));
+</script>
+```