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

在Vue中，父组件可以通过props属性将数据传递给子组件。然而，如果你想要获取子组件中的data值，可以通过在子组件上使用ref属性，然后使用$refs来访问子组件的实例。

首先，在父组件中给子组件添加一个ref属性，例如：

<template>
  <div>
    <child-component ref="childRef"></child-component>
  </div>
</template>

然后，在父组件的JavaScript中，你可以使用$refs来访问子组件的实例，并获取其data值，例如：

<script>
export default {
  mounted() {
    console.log(this.$refs.childRef.dataValue);
  }
}
</script>

这样，你就可以在父组件中获取到子组件的data值了。当然，要确保子组件已经被渲染才能访问到它的实例。