vue 父组件通过ref获取子组件的属性

在 Vue 中，可以通过 ref 属性来获取子组件的引用，并进一步访问子组件的属性。下面是一个示例：

<template>
  <div>
    <ChildComponent ref="childRef"></ChildComponent>
    <button @click="getChildProperty">获取子组件属性</button>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    getChildProperty() {
      const childProperty = this.$refs.childRef.propertyName;
      console.log(childProperty);
    }
  }
}
</script>

在上面的示例中，父组件通过 `ref` 属性将子组件的引用保存在 `childRef` 中。然后，通过点击按钮，调用 `getChildProperty` 方法来获取子组件的属性 `propertyName`。

请注意，为了能够使用 `ref` 属性，子组件必须在父组件的 `components` 中进行注册。在示例中，我们将子组件 `ChildComponent` 注册为父组件的一个子组件。

希望能帮到你！如果还有其他问题，请随时提问。