A Beginner’s Guide to Vue Router

Specifically, we’ll be covering the following:

• setting up a router
• route parameters
• declarative and programmatic navigation
• nested routes
• 404 pages

Every JavaScript UI framework that allows the creation of single page applications needs a way to navigate users from one page to another. All of this needs to be managed on the client-side by syncing the view that’s currently displayed on the page with the URL in the address bar. In the Vue world, the [official library] for managing this type of task is Vue Router.

As ever, the code for this tutorial can be found on GitHub.

Prerequisites

The following are required so you can make the best use of this tutorial:

• Basic knowledge of HTML, CSS, JavaScript, and Vue. If you know how to render something on the page using Vue, you should be able to follow along. A little knowledge on APIs would also help.
• Node.js and Vue CLI installed on your machine. We’ll be using Vue 3 in this tutorial so make sure Vue CLI is updated.
• Original Source

Article source: https://article-realm.com/article/Computers-and-Technology/23640-A-Beginner-s-Guide-to-Vue-Router.html