如何获取slot Vue子级中的组件状态

<template>
  <div>
    <child-component ref="child"></child-component>
    <button @click="getChildStatus">获取子组件状态</button>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    getChildStatus() {
      const childStatus = this.$refs.child.status;
      console.log('子组件状态：', childStatus);
    }
  }
}
</script>

<template>
  <div>
    <p>子组件状态：{{ status }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      status: 'active'
    };
  }
}
</script>