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>