/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

10 votes111 views2 answers
Vuejs does props factory function have access to vue instance
Javascript Vue
0 vote105 views1 answer
Vue sidebar
Javascript Vue
1 vote102 views1 answer
Biding multiple class vuejs
Javascript Vue
21 votes299 views1 answer
Sh: 1: vue-cli-service: Permission denied
Javascript Vue
8 votes111 views4 answers
Vue 3 create app
Javascript Vue
0 vote102 views2 answers
Vue nested loop
Javascript Vue
15 votes251 views6 answers
Vue.js
Javascript Vue
7 votes108 views2 answers
Vue watch handler
Javascript Vue
0 vote106 views1 answer
One component to another component in vuejs trigger function
Javascript Vue
4 votes104 views2 answers
Router link active in vue.js
Javascript Vue