how to detect props change in vue

<template>
  <div>
    <!-- Your component template here -->
  </div>
</template>

<script>
export default {
  props: ['myProp'],

  watch: {
    myProp(newValue, oldValue) {
      // Handle prop change here
      console.log('Prop "myProp" changed:', oldValue, '->', newValue);
    }
  }
}
</script>