Remember that params or query changes won't trigger enter/leave navigation guards. When adding Vue Router to the mix, all we need to do is map our components to the routes and let Vue Router know where to render them.

Here's a basic example: # HTML

There are a number of ways to hook into the route navigation process: globally, per-route, or in-component.