Boston skyline
Back to Blog »

Building a Vue Single Page App

I have been tinkering around with Vue Single Page Apps (SPA) recently. I find that playing around with these help me fully understand the power of Vue. Starting with the Vue CLI tool and scaffolding for Webpack gets you most of the way setup. The Vue UI for creating and maintaining the projects is quite interesting. Generally I run everything with the command line, but the UI is a nice change of pace. I included Axios to consume the API data and help create the SPA.

The API I am using is a Pokemon one that I found in an article (https://dev.to/camerenisonfire/10-intriguing-public-rest-apis-for-your-next-project-2gbd) about open API's that you can use to test with. Vue can be used for a lot of different things, but doing this kind of exercise makes everything make more sense with templates, components, routing and api consumption. Checkout https://vuejs.org/v2/cookbook/ for more useful help on setting up and using Vue.