如何让带有ref的vue组件将其应用于子组件？

<template>
  <div>
    <child-component ref="childRef"></child-component>
    <button @click="applyRefToChild">应用ref到子组件</button>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    applyRefToChild() {
      // 访问子组件的实例
      const childInstance = this.$refs.childRef;
      
      // 调用子组件的方法
      childInstance.someMethod();
      
      // 访问子组件的属性
      const childProperty = childInstance.someProperty;
    }
  }
}
</script>