Using Methods inside Computed Properties in vueJs Using Methods inside Computed Properties in vueJs vue.js vue.js

Using Methods inside Computed Properties in vueJs


methods properties vue.js

You need to reference your component's methods via this:

var vm = new Vue({  el: '#vue-instance',  data: {    x: 1  },  methods: {    augmented: function(variable) {      return (2 * variable);    },  },  computed: {    doubleX: function() {      return this.augmented(this.x);    }  }});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.min.js"></script><div id="vue-instance">  <input type="number" v-model="x"> result: {{ doubleX }}</div>
Expand snippet