Vue Router in Vue.js

Vue Router uses <router-view> as a placeholder where the matched component for the current URL will be rendered. You can think of it as a dynamic <slot> that the router controls.

Instead of standard <a> tags, you use <router-link to="/path">. This intercepts the click event and tells Vue Router to update the URL and swap the component without asking the server for a new HTML document.

In the Composition API, useRoute() gives you information about the CURRENT route (params, query strings, path). useRouter() gives you the router INSTANCE, which has methods like .push() and .replace() to change pages programmatically.