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

在 Vue.js 中，父组件可以通过 `ref` 属性获取子组件实例，然后通过该实例来访问子组件的数据和方法。

例如，子组件的模板中定义了一个数据 `childValue`，父组件可以通过以下方式获取该值：

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

export default {
  mounted() {
    const childValue = this.$refs.child.childValue;
    console.log(childValue);
  }
}

在这个例子中，`ref` 属性指定了子组件的引用名称为 `child`，然后在父组件中通过 `$refs` 来访问该引用，并获取子组件的 `childValue` 数据。