/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

6 votes124 views3 answers
Vue watch object member
Javascript Vue
0 vote129 views1 answer
Import downloadCsv from "vue-json-csv";
Javascript Vue
0 vote127 views1 answer
The data option must be a function. Plain object usage is no longer supported. vue
Javascript Vue
8 votes130 views3 answers
Vue redirect to route
Javascript Vue
1 vote143 views2 answers
Focus on input field vuejs event
Javascript Vue
0 vote122 views1 answer
How manipulate the multiple input option data in one function in vue js
Javascript Vue
0 vote121 views1 answer
Vue electron name and icon
Javascript Vue
0 vote151 views3 answers
Srcset vue
Javascript Vue
1 vote123 views1 answer
Vue test utils emitted
Javascript Vue
0 vote130 views1 answer
Vue get component hash
Javascript Vue