Question 1

How does Vue Router map paths to views?

Accepted Answer

Create a router with route records (path, component, children) and install it on the app. router-view renders matched components; router-link navigates. History vs hash modes.

Question 2

Params vs query in Vue Router?

Accepted Answer

Params are path segments; query is search string. Both available on route object. Use params for identity; query for filters. Watch route for changes.

Question 3

Navigation guards — beforeEach vs beforeEnter vs in-component?

Accepted Answer

Global, per-route, and per-component hooks to control navigation. Use for auth. Prefer returning false/new path carefully. Don't over-fetch in guards.

Question 4

How do you lazy load routes?

Accepted Answer

() => import('./Page.vue') as component—webpack/vite code splitting. Speeds initial load. Group related routes thoughtfully.

Question 5

Nested routes and named views?

Accepted Answer

Children render in nested router-view; named views fill multiple outlets. Useful for complex layouts with sidebars. Keep structures understandable.

Question 6

How do you scroll restore / scroll behavior?

Accepted Answer

Configure scrollBehavior on the router for back/forward and anchors. Important for UX on long pages. Coordinate with keep-alive.

Question 7

Passing props to route components?

Accepted Answer

props: true maps params to props; or a function mapping route to props. Keeps components decoupled from $route. Prefer props for testability.

Question 8

Dynamic route matching and catch-all?

Accepted Answer

Param patterns and pathMatch for 404s. Order matters—specific routes before catch-alls.

Question 9

Composition API: useRouter and useRoute?

Accepted Answer

Composable accessors for navigation and current route inside setup. Watch () => route.params.id for param changes when reusing components.

Question 10

Architecture for large Vue apps' routing?

Accepted Answer

Route modules per feature, typed route names, centralized auth guards, layout routes. Avoid a single giant routes file. Align folders with route segments.

Routing Vue.js Interview Questions

Other Vue.js interview topics