Learn How to Input Events and Transitions in VueJS

This section deals with Input Binding, Handling Events, Custom Filters, Transitions effects and other simple animations. You can use the v-model directive to create two-way data bindings on the form input and textarea elements. It automatically picks the correct way to update the element based on the input type. The Event Handling makes use of the v -on directive to listen to DOM (Document Object Model) events and we can also create a custom filter with global Vue.filter() method, by passing in a filterID and a filter function. The filter function takes the value as an argument and returns the transformed value. The Vue provides a way number of transition effects when the items are inserted, updated, or removed from the DOM. Vue uses CSS Transitions and CSS Animations. To enable CSS transitions on an element, simply give it an empty v-transition directive, for the CSS animation make use of v-animation directive.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.