Jump Start with Vue 3/

...

/

Navigation

Navigation

Learn about navigation and programmatic navigation in Vue.

We'll cover the following...

Changing the current routeThe "current route" refers to the specific page or URL path that the user is currently viewing or navigating within a web application. is achieved in two ways: via the <router-link> component and programmatically.

Links

While we could just use a standard <a> tag, the <router-link> component that Vue Router provides has several advantages:

  • It automatically applies a CSS class of “active” when the URL matches the current route (the class name can be configured by setting the router’s linkActiveClass option). ...