Vue · Senior · Question 42 of 75

How do guards handle async work like fetching permissions?

✓Correct answer: Guards can be async functions; navigation waits for the returned Promise
2Guards must be synchronous; use setTimeout for async work
3Async guards run after the component is mounted

Explanation

Keep guards fast or cache results - every navigation waits. The older next() callback style is still supported but returning values is recommended.

Further reading

Vue Router: Navigation Guards ↗

Test yourself

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