Working with Vue.js
Framework Background:
Vue.js is an open-source Model–view–viewmodel JavaScript framework for building user interfaces and single-page applications. It was created by Evan You, and is maintained by
him and the rest of the active core team members coming from various companies such as Netlify and Netguru.(source: wikipedia)
The Project:
In the midst of the COVI-19 pandemic I wanted to find a way to display all of the data with a clean, effective UI. I chose Vue because I wanted to learn a new framework, it seemed easier and lighter to use.
I started learning, the same way I normally do, with Treehouse. Then moved on to the free courses that were available from March 14-16 on the Vue.js site.
The tricky part was finding a well formatted API with the viral data. I ended up using an API by Javier Aviles covidAPI that was exactly what I wanted.
Overall thoughts:
I like Vue.js for its modularity and ease of use. Some cons I ran into where the Vue community is relatively new so it can be hard to find an answer to your questions. For example in my project there is a bug with on mobile IOS where a user cannot type into the search bar. I did find forums about this issue for Android devices. They suggested decoupling the v-model:
<input type="text" v-model="searchQuery" placeholder="Search Country..." />
to
<input type="text" :value='searchQuery' @input='e=>searchQuery=e.target.value' placeholder="Search Country..." />
unfortunately this did not fix the issue with mobile IOS.
In the future I hope the Vue.js community expands to the point where bugs like this don't leave people hanging.