/Javascript/Vue/How to detect props change in vue

How to detect props change in vue

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

Similar codes

67 votes368 views3 answers
Update vue version npm
Javascript Vue
3 votes274 views3 answers
Vue fetch
Javascript Vue
0 vote267 views1 answer
Vue event two parameter with e
Javascript Vue
77 votes463 views6 answers
Install vue-cli
Javascript Vue
0 vote260 views1 answer
Laravel vuejs lang
Javascript Vue
0 vote274 views1 answer
Laravel vuejs barcode
Javascript Vue
1 vote237 views1 answer
Vue firebase project tutorial
Javascript Vue
0 vote287 views1 answer
Show conditional header based on url in vue js
Javascript Vue
0 vote285 views1 answer
Vue send event plus variable
Javascript Vue
3 votes219 views3 answers
Timer countup in vue js
Javascript Vue