Vue js如何调用方法wen prop change

// 父组件
<template>
  <div>
    <ChildComponent :propName="data"></ChildComponent>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  data() {
    return {
      data: 'Hello Vue.js',
    };
  },
  components: {
    ChildComponent,
  },
};
</script>

// 子组件 ChildComponent.vue
<template>
  <div>
    <p>{{ propName }}</p>
  </div>
</template>

<script>
export default {
  props: ['propName'],
  watch: {
    propName(newValue) {
      // 在propName变化时执行相应的方法
      this.methodName(newValue);
    },
  },
  methods: {
    methodName(value) {
      // 执行相应的方法
      console.log(value);
    },
  },
};
</script>