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

How to watch for changes within a prop in vue

  watch: {
    $props: {
      handler() {
        this.parseData();
      },
      deep: true,
      immediate: true,
    },

Source: stackoverflow.com

Similar codes

13 votes422 views5 answers
Vue js cdn link
Javascript Vue
0 vote162 views2 answers
Vue test utils emit from child component
Javascript Vue
0 vote208 views1 answer
Vue send event plus variable
Javascript Vue
0 vote211 views1 answer
How to replace an array vue.js
Javascript Vue
0 vote220 views1 answer
Vue electron name and icon
Javascript Vue
0 vote227 views1 answer
Vuejs cant add script in template
Javascript Vue
0 vote197 views1 answer
Add font awesome to vue
Javascript Vue
0 vote211 views1 answer
Vue js skeleton loading
Javascript Vue
0 vote218 views1 answer
Remove # url vuejs
Javascript Vue
0 vote201 views1 answer
Dynamically populate vue material table
Javascript Vue