Getting up and Running with Vue.js 2.0

This article is a great introduction into Vue 2, and contains a small tutorial of an application that allows to enter a username and see some GitHub stats about that user, using the GitHub API. The aim of this article is to fully explore Vue and what it feels like to work with.

Working with Vue feels like taking the best parts of React and merging them with the best parts of Angular. Some of the directives (like v-if, v-else, v-model and so on) are really easy to get started with (and easier to immediately understand than doing conditionals in React’s JSX syntax), but Vue’s component system feels very similar to React’s.

The main points are:

  • Setting up a Project
  • Writing a Vue.js 2.0 App
  • Forms in Vue.js
  • Tracking a Form Input
  • Displaying Results from GitHub
  • Conditional Rendering
  • Refactors

Read this article, by Jack Franklin.