vue子组件实时获取父组件中的值

在Vue中，子组件可以通过props属性来接收父组件中的值。如果需要实时获取父组件中的值，可以通过监听props来实现。

首先，在父组件中定义一个属性，并将其传递给子组件：

<template>
  <div>
    <child-component :value="parentValue"></child-component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      parentValue: ''
    }
  }
}
</script>

然后，在子组件中通过props接收并监听这个值：

<template>
  <div>
    <p>{{ value }}</p>
  </div>
</template>

<script>
export default {
  props: ['value'],
  watch: {
    value(newValue) {
      // 在这里可以实时获取父组件传递的值
      console.log(newValue);
    }
  }
}
</script>

这样，子组件就能够实时获取父组件中的值，并且在值发生变化时进行相应的处理。