diff --git a/examples/vue/2.6-basic/src/Post.vue b/examples/vue/2.6-basic/src/Post.vue
index 8c34d1b9c9..ba11b03b4e 100644
--- a/examples/vue/2.6-basic/src/Post.vue
+++ b/examples/vue/2.6-basic/src/Post.vue
@@ -20,7 +20,7 @@ export default defineComponent({
   emits: ['setPostId'],
   setup(props) {
     const { isPending, isError, isFetching, data, error } = useQuery({
-      queryKey: ['post', props.postId],
+      queryKey: ['post', () => props.postId],
       queryFn: () => fetcher(props.postId),
     })
 
diff --git a/examples/vue/2.7-basic/src/Post.vue b/examples/vue/2.7-basic/src/Post.vue
index 2605bd64c9..ce8dc160b6 100644
--- a/examples/vue/2.7-basic/src/Post.vue
+++ b/examples/vue/2.7-basic/src/Post.vue
@@ -20,7 +20,7 @@ export default defineComponent({
   emits: ['setPostId'],
   setup(props) {
     const { isPending, isError, isFetching, data, error } = useQuery({
-      queryKey: ['post', props.postId],
+      queryKey: ['post', () => props.postId],
       queryFn: () => fetcher(props.postId),
     })
 
diff --git a/examples/vue/basic/src/Post.vue b/examples/vue/basic/src/Post.vue
index 003cf2a671..2e5d0850d9 100644
--- a/examples/vue/basic/src/Post.vue
+++ b/examples/vue/basic/src/Post.vue
@@ -20,7 +20,7 @@ export default defineComponent({
   emits: ['setPostId'],
   setup(props) {
     const { isPending, isError, isFetching, data, error } = useQuery({
-      queryKey: ['post', props.postId],
+      queryKey: ['post', () => props.postId],
       queryFn: () => fetcher(props.postId),
     })
 
diff --git a/examples/vue/dependent-queries/src/Post.vue b/examples/vue/dependent-queries/src/Post.vue
index ba6f251d14..48629e61d4 100644
--- a/examples/vue/dependent-queries/src/Post.vue
+++ b/examples/vue/dependent-queries/src/Post.vue
@@ -31,7 +31,7 @@ export default defineComponent({
       data: post,
       error,
     } = useQuery({
-      queryKey: ['post', props.postId],
+      queryKey: ['post', () => props.postId],
       queryFn: () => fetchPost(props.postId),
     })
 
diff --git a/examples/vue/persister/src/Post.vue b/examples/vue/persister/src/Post.vue
index b89d60665c..90704be694 100644
--- a/examples/vue/persister/src/Post.vue
+++ b/examples/vue/persister/src/Post.vue
@@ -22,7 +22,7 @@ export default defineComponent({
   emits: ['setPostId'],
   setup(props) {
     const { isPending, isError, isFetching, data, error } = useQuery({
-      queryKey: ['post', props.postId] as const,
+      queryKey: ['post', () => props.postId] as const,
       queryFn: () => fetcher(props.postId),
       persister: experimental_createQueryPersister({
         storage: {