Chapter quiz · Routing & Navigation

Test what you learned.

8 questions on Routing & Navigation. Pass 70% to clear the chapter.

← Review chapter lessons

Quiz

Routing & Navigation — Chapter Quiz

Eight questions covering file routing, dynamic segments, links, middleware, and error pages.

0/ 9

Question 1
1
What URL does pages/blog/[slug].vue match?
A/blog onlyB/blog/:slug — any single path segment after /blog/C/blog/[slug] literallyDEvery path beginning with /blog
Square brackets denote a dynamic segment. Access it via useRoute().params.slug.
Question 2
2
Which file would catch every URL starting with /docs/?
Apages/docs/[slug].vueBpages/docs/[...slug].vueCpages/docs/_.vueDpages/docs/*.vue
Three dots denote a catch-all — captures the remaining path segments as an array in params.slug.
Question 3
3
<NuxtLink> prefetches the destination page when it enters the viewport.
TTrueFFalse
By default <NuxtLink> prefetches in-viewport links on idle — navigation feels instant. Disable with :prefetch="false".
Question 4
4
Which composable navigates programmatically?
Arouter.push()BnavigateTo("/path")CuseNavigate()DuseRoute().push()
navigateTo is Nuxt's universal way to navigate from script — it works on server and client and supports redirects from middleware.
Question 5
5
Where do route middleware files live?
Aserver/middleware/Bmiddleware/Cpages/_middleware/Dplugins/middleware/
middleware/ at the project root. Files are auto-registered; apply them via definePageMeta({ middleware: ['auth'] }).
Question 6
6
A validate function in definePageMeta returns false to trigger a ____ response.
validate returning false aborts the page with a 404 — useful for checking that a [id] param is numeric.
Question 7
7
Which file replaces both the default 404 and 500 pages?
Apages/404.vueBerror.vue at the project rootCpages/_error.vueDlayouts/error.vue
A single error.vue next to app.vue receives the error as a prop with statusCode and message.
Question 8
8
Which patterns set up nested routes?
Select all that apply.
AA parent.vue page paired with a parent/ directory of child pagesBUsing <NuxtPage /> inside the parent page to render the childCAdding nested: true to definePageMetaDConfiguring routerOptions in nuxt.config.ts
Nest routes by creating pages/parent.vue alongside pages/parent/child.vue, then rendering <NuxtPage /> inside the parent so the child renders into it.