Computed Properties in VueJs

Basic use case example of computed properties in VueJs - http://coligo.io

by coligo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.16/vue.js"></script>
<div id="vue-instance">
  <input type="number" v-model="x"> result: {{ doubleX }}
</div>

JavaScript

var vm = new Vue({
  el: '#vue-instance',
  data: {
    x: 1
  },
  computed: {
    doubleX: function() {
      return this.x * 2;
    }
  }
});