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

在Vue中，子组件可以通过props属性获取父组件中的值。以下是一个简单的例子：

父组件：

<template>
  <div>
    <h2>父组件</h2>
    <p>{{ parentValue }}</p>
    <ChildComponent :childProp="parentValue" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent,
  },
  data() {
    return {
      parentValue: '父组件的值',
    };
  },
};
</script>

子组件：

<template>
  <div>
    <h3>子组件</h3>
    <p>{{ childProp }}</p>
  </div>
</template>

<script>
export default {
  props: ['childProp'],
};
</script>

在这个例子中，父组件通过`parentValue`将其值传递给子组件的`childProp`，子组件可以通过`this.childProp`访问到这个值。