Here at XCentium our front-end developers often rely on Vue.js for prototyping and building out client sites. The framework has become our go-to as it's fast, flexible, lightweight, and has a shallow learning curve.
One of the most powerful (and least understood) features of Vue.js is its reactivity system. This is what enables your HTML to automatically update and reflect changes in your data. In this post I'm going to break down exactly how this system works, so you can get a better understanding of what's going on under the hood.