vue3 实时获取props的值

在 Vue3 中，实时获取 props 的值通常不是直接操作，因为 props 是单向数据流，从父组件传递给子组件的。但是你可以通过以下几种方式间接实现：

1. **监听变化**：如果你需要在子组件内部更新时检查 prop 是否有变化，可以使用 `watch` API。例如：

   import { watch } from 'vue';

   setup() {
     const parentProp = ref(props.parentValue);
     watch(() => parentProp.value, () => {
       // 当 parentProp 发生改变时，这里会触发
       console.log('Parent prop value updated:', parentProp.value);
     });
   }

2. **自定义事件**：如果父组件希望主动通知子组件 prop 变化，可以通过自定义事件（$emit/$on）实现。

   emitChange() {
     this.$emit('parent-prop-changed', this.parentValue);
   }
   
   mounted() {
     this.parentValueChangedSubscription = this.$on('parent-prop-changed', (value) => {
       // 更新处理逻辑
       this.parentProp.value = value;
     });
   }

   beforeUnmount() {
     this.parentValueChangedSubscription();
   }

请注意，在实际应用中，父组件应该尽量避免频繁修改传入的 prop，除非明确知道原因并了解其后果。合理的场景可能是当外部状态改变，而非内部需要实时响应。