At this point, our single-page application is quite literally that—a single page. This is where things get a little more complicated, as we can't rely on the server for handling the routing as we would with a standard ASP.NET MVC application. We need a way of routing to the pages of our SPA on the client. Fortunately for us, Vue has an official client-side routing library called Vue-Router, which is already installed and configured for us seeing as we started out by using the Microsoft application template.
So, what exactly is a page in a Vue SPA? As with most questions that I've come across while building Vue applications, there is a very simple answer; a page is nothing more than a standard component! As such, when creating a page for our application, the process is exactly the same as we've been following to create new components throughout...