PokéData Vue
PokeData - This article is part of a series.
The latest technology in my serial of Pokedex’s with different JavaScript frameworks is Vue! I’ve been working with Vue off and on for the last few months with garden-vue and w-os. Now I’ve finally gotten around to building my recurring PokeData with Vue as well.
The main thing that struck me was how quickly I was able to build this app with Vue. Total dev time on this project was approximately 3 to 4 hours. Vue seems to me to be an excellent choice for small focused projects or rapid prototyping.
Another aspect of Vue that I really liked was Vue’s
vuex state
management solution. Vuex was an absolute pleasure to work with. It is extremely simple to configure
and use.
To configure vuex, I just need to import the package, create my vuex store, and use that store in
my Vue app. Check out my
main.js file for my
implementation. All I needed to do after that was to reference $store in a component like here in
History.vue.
I have really enjoyed my time working with Vue. If you’re interested, the app is available here. As always, feel free to report bugs or request features.