/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

0 vote327 views1 answer
Watching Arrays and Objects (Vue 3)
Javascript Vue
0 vote339 views1 answer
Vue v-for loop array
Javascript Vue
1 vote275 views1 answer
Vue electron min width
Javascript Vue
1 vote278 views3 answers
Vue router npm install
Javascript Vue
5 votes279 views1 answer
Vue prop string or number
Javascript Vue
0 vote304 views2 answers
To show which tab is active in VueJS
Javascript Vue
16 votes439 views4 answers
Vue js default prop
Javascript Vue
16 votes405 views5 answers
Vuejs router params
Javascript Vue
0 vote307 views1 answer
Webpack vue global variable
Javascript Vue
67 votes400 views3 answers
Update vue version npm
Javascript Vue