We’ve been learning about how components and specifically single file components work in VueJs. In this tutorial, we’ll expand our learning about components in Vue by looking at how communication happens between components. Components in and of themselves are great as they set up reusable pieces of code where we can use all of the features VueJs provides. Now we want to build connections between those components so that actions in one component can update a different component in the application.…

Now that we have our vue cli build environment set up and working nicely, let’s try building some components! We’ll go through the process of getting App.vue set up as the main file which will simply make use of components to display things. We can begin by just rendering some html from the main App.vue file, then we will export that markup to it’s own component.…

Vue.js has an optional command line interface for quickly building out the boilerplate for Single Page type Applications. This sounds like fun, and something we should set up right away! The vue-cli tool gives us a “batteries-included” build environment that makes use of all those modern bells and whistles frontend tools you hear so much about today. Setting it up is easy and you’ll be up and running with hot-reload, lint-on-save, and production-ready builds in a snap.…