Scaling UpLesson 36Free preview

Vue Routing

This lesson is part of Vue · All levels

Summary

Routing allows a single-page application to display multiple views based on URLs without reloading a page. The Vue Router provides routers-link for navigation, routers-view as a place to render the routing component, as well as access to the URL parameters within the component. Thus, the browser address remains meaningful and can be shared.

Key points

The Vue Router displays different components according to the URL without full reload.
The router-link replaces the usual a tag for internal navigation.
The router-view is where the route component is rendered.
Each route maps the path to a component.
The route parameters are accessible via composable useRoute.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.