Working with routes in vue-router

In the section that follows, we'll be looking into how routes in vue-router work and how to add pages and routes using them. We'll begin by inspecting existing routes, and after that we'll be adding additional routes and their corresponding components.

Inspecting the two default routes

This will open a familiar starting project with the Vue logo, with a slight addition: a link on top to the About page as shown in the following screenshot:

Figure 5.9: Default navigation of the project with vue-router installed

If you click on the About link, you'll be greeted with another page that has an h1 tag and inside it, the following text:

This is an about page

Notice that the route...