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.
Working with routes in vue-router
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...