Vue.js implements the SPA pattern through its core plugin, vue-router. To vue-router, every route URL corresponds to a component. This means that we will tell vue-router how to behave when the user goes to a particular URL in terms of its component. In other words, every component in this new system is a page in the old system.
For this recipe, you will only need to install vue-router and have some knowledge about Vue components.
To install vue-router, follow the instructions at https://router.vuejs.org/en/installation.html.
If you are using JSFiddle to follow along, you can add a link similar to https://unpkg.com/vue-router/dist/vue-router.js.