The very first Vue.js example

by Saurabh Mimani

HTML

<script src="http://vuejs.org/js/vue.min.js"></script>
<div id="demo">
  <select v-model="age">
      <option value="" disabled>Select Age</option>
      <option value="1"> 1 Year</option>
      <option value="11"> 11 Year</option>
    </select>
    <span> {{doubleAge}}<span>
    <span> {{doubleAge()}}<span>
</div>

JavaScript

var demo = new Vue({
    el: '#demo',
    data: function(){
    	return {
      	age: ''
      };
    },
    computed: {
      doubleAge: function () {
		    return 2*this.age
  		}
    },
    methods: {
      doubleAge: function () {
         return 'this is from method'
       }
    }   
})