October 2018 – KEEPING GOING

Using v-model for Two-Way Binding in Vue.js

Vue’s two-way binding system takes one of the trickiest parts of developing a web application, user input synchronization, and makes it dead simple with v-model. The v-model directive updates the template whenever the model changes and updates data model whenever the template changes. Two-way binding is a powerful feature that, Continue Reading

Dynamic Styles With Vue.js

Vue.js allows for binding styles and classes dynamically to elements with the v-bind:style and v-bind:class directives. Dynamically Binding Styles Let’s say we want to increase or decrease the font size based on user input. To this end, Vue provides us with the v-bind:style directive. Here’s our data model: data() { Continue Reading

Handling Events With Vue.js

Vue.js allows us to handle events triggered by the user. Handling events helps add interactivity to web apps by responding to the user’s input. Vue provides us with the v-on directive to handle these events. 📚 Recommended courses ⤵ Black Friday: Top notch Vue.js courses and over 200 lessons for Continue Reading

Vue.js Templating

Templating allows to bind values from the model into the view. In Vue, this can be achieved using simple HTML bindings. From version 2 onwards, Vue.js allows for raw JavaScript templating (React-style) in addition to HTML templating. This post will cover HTML templating. Starting off from this Vue.js Hello World Continue Reading