July 2018

Template-Based Form Validation with Vue.js and vee-validate

Client-side form validation is a must-have if you want to give users a good idea of what form input they should be entering and avoid accidental typos. One of the simplest ways to do so is with template-based validation. This allows you to validate your forms by adding attributes to inputs. The most mature solution …
Read more

Adding v-model Support to Custom Vue.js Components

While v-model is a powerful asset for adding two-way data-binding to vanilla components, it’s not always readily apparent how to add support for v-model to your own custom components. Turns out though, it’s pretty simple. Introduction To understand how to implement v-model support in your components, you need to understand how it works under the …
Read more

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, if used properly, can significantly …
Read more