vue父组件获取子组件的值

在Vue中，父组件可以通过props向子组件传递数据，而子组件可以通过$emit触发事件并向父组件传递数据。如果需要在父组件中获取子组件的值，可以通过以下步骤实现：

1.在父组件中使用ref属性给子组件命名，例如：

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

2.在父组件中使用this.$refs获取子组件实例，并通过子组件实例访问子组件的属性或方法，例如：

export default {
  mounted() {
    const childComponent = this.$refs.child;
    console.log(childComponent.value); // 访问子组件的value属性
    childComponent.method(); // 调用子组件的method方法
  }
}

需要注意的是，通过$refs获取的子组件实例只有在子组件mounted生命周期之后才能访问到。