vue3组件监听父组件传递的参数

在Vue3中，你可以使用 `watch` 监听父组件传递的参数。例如，假设父组件传递了一个名为 `parentProp` 的参数，你可以在子组件中使用 `watch` 监听这个参数的变化：

import { watch } from 'vue';

export default {
  props: {
    parentProp: String
  },
  setup(props) {
    watch(() => props.parentProp, (newVal, oldVal) => {
      console.log('parentProp changed from', oldVal, 'to', newVal);
    });
  }
}

在这个例子中，我们使用 `watch` 监听了 `props.parentProp` 的变化，并在变化时输出了新旧值。当父组件更新 `parentProp` 参数时，子组件会自动更新并触发这个监听函数。