vue子组件获取父组件的值

Vue子组件可以通过props来获取父组件传递过来的值。在父组件中，通过v-bind指令将需要传递的值绑定到子组件上，子组件中就可以通过props来接收这些值了。

例如，在父组件中：

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

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

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

在子组件中，通过props来接收父组件传递的值：

<template>
  <div>
    <p>父组件传递的值：{{ parentValue }}</p>
  </div>
</template>

<script>
export default {
  props: {
    parentValue: {
      type: String,
      required: true
    }
  }
}
</script>

这样，子组件就可以获取到父组件传递过来的值了。