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

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>
+```