# useLazyFetch > This wrapper around useFetch triggers navigation immediately. `useLazyFetch` provides a wrapper around [`useFetch`](/docs/4.x/api/composables/use-fetch) that triggers navigation before the handler is resolved by setting the `lazy` option to `true`. ## Usage By default, [`useFetch`](/docs/4.x/api/composables/use-fetch) blocks navigation until its async handler is resolved. `useLazyFetch` allows navigation to proceed immediately, with data being fetched in the background. ```vue [app/pages/index.vue] ``` `useLazyFetch` has the same signature as [`useFetch`](/docs/4.x/api/composables/use-fetch). Awaiting `useLazyFetch` only ensures the call is initialized. On client-side navigation, data may not be immediately available, and you must handle the `pending` state in your component's template. `useLazyFetch` is a reserved function name transformed by the compiler, so you should not name your own function `useLazyFetch`. ## Type ```ts [Signature] export function useLazyFetch ( url: string | Request | Ref | (() => string | Request), options?: UseFetchOptions, ): Promise> ``` `useLazyFetch` is equivalent to `useFetch` with `lazy: true` option set. See [`useFetch`](/docs/4.x/api/composables/use-fetch) for full type definitions. ## Parameters `useLazyFetch` accepts the same parameters as [`useFetch`](/docs/4.x/api/composables/use-fetch): - `URL` (`string | Request | Ref | () => string | Request`): The URL or request to fetch. - `options` (object): Same as [`useFetch` options](/docs/4.x/api/composables/use-fetch#parameters), with `lazy` automatically set to `true`. ## Return Values Returns the same `AsyncData` object as [`useFetch`](/docs/4.x/api/composables/use-fetch):

Name	Type	Description
`data`	`Ref`	The result of the asynchronous fetch.
`refresh`	`(opts?: AsyncDataExecuteOptions) => Promise`	Function to manually refresh the data.
`execute`	`(opts?: AsyncDataExecuteOptions) => Promise`	Alias for `refresh` .
`error`	`Ref`	Error object if the data fetching failed.
`status`	`Ref<'idle' \| 'pending' \| 'success' \| 'error'>`	Status of the data request.
`pending`	`Ref`	Boolean flag indicating whether the current request is in progress.
`clear`	`() => void`	Resets `data` to `undefined` , `error` to `undefined` , sets `status` to `idle` , and cancels any pending requests.

## Examples ### Handling Pending State ```vue [app/pages/index.vue] ``` --- - [Source](https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/composables/fetch.ts)