In vue js v-model used to two way binding on input and text area elements
Modifiers:
1 .lazy (v-model.lazy)
- By default vue js sync input with the data after each input event, If you want to apply changes after "change" instead of "input" you can use .lazy mpdofier
2 .number (v-model.number)
- If you want user input automatic typecast as a number, then you can use .number modifier
- Thanks to modifier .number, because if you use HTML5 element type="number", the value of the element always return as string.
3 .trim (v-model.trim)
- .trim modifier is used to trimmed user input automatically.