Vue · Middle · Question 61 of 75

What are the two common ways to load data for a route?

✓Correct answer: After navigation (render first, show loading state) or before navigation (fetch in a guard, then render)
2Only in main.ts before the app mounts
3Only with Pinia

Explanation

Fetching after gives instant feedback; fetching before avoids showing an incomplete page. The choice is a UX trade-off.

Further reading

Vue Router: Data Fetching ↗

Test yourself

Take the Vue · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.