The very first Vue.js example

by HemalathaThanigaivel

HTML

<script src="http://vuejs.org/js/vue.min.js"></script>
<div id="demo">
  <input v-model="message" v-on:keypress="isNumber(event)">
</div>

JavaScript

var data = {
  message: 1234.34
}

var demo = new Vue({
  el: '#demo',
  data: data,
  methods: {
    isNumber: function(evt) {
      evt = (evt) ? evt : window.event;
      var charCode = (evt.which) ? evt.which : evt.keyCode;
      if ((charCode > 31 && (charCode < 48 || charCode > 57)) && charCode !== 46 ) {
      console.log(message)
        evt.preventDefault();
      } else {
        return true;
      }
    }
  }
});