Skip to content
This repository has been archived by the owner on Apr 6, 2023. It is now read-only.

docs: add note about link prefetching #7540

Merged
merged 2 commits into from Sep 15, 2022
Merged

docs: add note about link prefetching #7540

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
035ae25
docs(routing): add prefetch explanation
clemcode Sep 15, 2022
33c04f4
Update docs/content/1.getting-started/5.routing.md
Atinux Sep 15, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
2 changes: 2 additions & 0 deletions docs/content/1.getting-started/5.routing.md
View file
Open in desktop
Expand Up @@ -38,6 +38,8 @@ pages/

The `<NuxtLink>` component links pages between them. It renders a `<a>` tag with the `href` attribute set to the route of the page. Once the application is hydrated, pages transitions are performed in JavaScript by updating the browser URL. This prevents full-page refreshes and allow for animated transitions.

When a `<NuxtLink>` enters the viewport, the page it links to is prefetched in the background. When the user clicks on the link, the page is already loaded and the transition is faster.
Atinux marked this conversation as resolved.
Show resolved Hide resolved

```vue [pages/app.vue]
<template>
<header>
Expand Down