<div id="app">
  <label>Type your age</label>
  <input type="text" v-model.number="age" /><br />
  Your age is {{ age }}, type: {{ typeof(age) }}
  <br /><br />
  <label>Type your Name starting with a whitespace</label>
  <input type="text" v-model.trim="name" /><br />
  Your name is {{ name }}, length: {{ name.length }}<br /><br />
  <label>Type something</label>
  <input type="text" v-model.lazy="text" /><br />
  Your text: {{ text }}
</div>
var app = new Vue({
  el: '#app',
  data: {
    age: '',
    name: 'Steve',
    text: 'Something ...'
  }
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdn.jsdelivr.net/npm/vue/dist/vue.js