vue子组件获取父组件的数据

在Vue中，子组件可以通过props属性来获取父组件传递的数据。以下是一个示例：

// 父组件
<template>
  <div>
    <h1>{{ parentData }}</h1>
    <ChildComponent :childData="parentData" />
  </div>
</template>

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

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

// 子组件 (ChildComponent.vue)
<template>
  <div>
    <h2>{{ childData }}</h2>
  </div>
</template>

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

在上面的示例中，父组件通过传递`parentData`给子组件的`childData`属性。子组件可以通过`props`属性来接收并使用这个数据。在子组件中，可以直接使用`childData`来访问父组件传递的数据。