Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-24 14:45:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs: warn about refreshNuxtData not working with asyncData

Browse Source
This commit is contained in:
Julien Huang 2024-10-13 22:26:42 +02:00
parent ea1574ae1a
commit 293ea09866
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/3.api/3.utils/define-nuxt-component.md
View File

@ -36,6 +36,10 @@ export default defineNuxtComponent({
</script> </script>
``` ```
::warning
Data from `useAsyncData` is only set once in the `setup` hook of your component. This means `refreshNuxtData` will not work with `asyncData`. If you need to re-run `useAsyncData`, you can change it with a `method` of the Option API.
::
## `head()` ## `head()`
If you choose not to use `setup()` in your app, you can use the `head()` method within your component definition: If you choose not to use `setup()` in your app, you can use the `head()` method within your component definition:

4
docs/3.api/3.utils/refresh-nuxt-data.md
View File

@ -12,6 +12,10 @@ links:
`refreshNuxtData` re-fetches all data from the server and updates the page as well as invalidates the cache of [`useAsyncData`](/docs/api/composables/use-async-data) , `useLazyAsyncData`, [`useFetch`](/docs/api/composables/use-fetch) and `useLazyFetch`. `refreshNuxtData` re-fetches all data from the server and updates the page as well as invalidates the cache of [`useAsyncData`](/docs/api/composables/use-async-data) , `useLazyAsyncData`, [`useFetch`](/docs/api/composables/use-fetch) and `useLazyFetch`.
:: ::
::warning
`refreshNuxtData` only works with composition API. `asyncData` hook from the Options API does not work with `refreshNuxtData`.
::
## Type ## Type
```ts ```ts