Vue computed

var vm = new Vue({
  el: '#example',
  data: {
    message: 'Hello'
  },
  computed: {
    // a computed getter
    reversedMessage: function () {
      // `this` points to the vm instance
      return this.message.split('').reverse().join('')
    }
  }
})

Vue watch props

new Vue({
  el: '#app',
  data: {
    text: 'Hello'
  },
  components: {
    'child' : {
      template: `<p>{{ myprop }}</p>`,
      props: ['myprop'],
      watch: { 
      	myprop: function(newVal, oldVal) { // watch it
          console.log('Prop changed: ', newVal, ' | was: ', oldVal)
        }
      }
    }
  }
});

Source: stackoverflow.com

Vue add watcher

vm.$watch('person.name.firstName', function(newValue, oldValue) {
	alert('First name changed from ' + oldValue + ' to ' + newValue + '!');
});

Source: codingexplained.com

Similar codes

0 vote165 views1 answer
Laravel vuejs lang
Javascript Vue
1 vote167 views1 answer
Get text inside span vue test utils
Javascript Vue
0 vote125 views1 answer
Vuejs reset component
Javascript Vue
1 vote219 views1 answer
Delete item from array vuejs
Javascript Vue
-1 vote173 views3 answers
Vue is not defined
Javascript Vue
38 votes229 views5 answers
Vue create cli
Javascript Vue
0 vote183 views1 answer
Vue store access state in actions
Javascript Vue
10 votes185 views2 answers
Vuejs does props factory function have access to vue instance
Javascript Vue
12 votes159 views6 answers
Vue
Javascript Vue
1 vote166 views1 answer
How to access router from the store vue
Javascript Vue