The quality of the UI places a major role in the quality of the UX. In any app built with the MV* pattern, the View is responsible for the UI parts of the app.
For many of us, a common way of implementing the View involves manually manipulating the DOM when data needs to be rendered. While this is all well and good, in this article we will discover the power of using data driven views specifically as implemented in Vue.js. Along the way we will build a simple Todo app which allows todos to be added to a list, marked as complete and also renders various views.