How do I access a child component instance from a parent component without setting a component ref?

[yinfoyuan]

// subcomponent

<template>
  <div></div>
</template>
<script lang="ts" setup>
const getName = () => 'subcomponent'

defineExpose({
  getName
})
</script>

// Combined method

const useSubcomponentInstance = () => {
  const getSubcomponentInstanceName = () => {
    // Get instance
  }

  return {
    getSubcomponentInstanceName
  }
}

// Parent component

<script lang="ts" setup>
const { getSubcomponentInstanceName } = useSubcomponentInstance()
</script>
<template>
    <subcomponent  />
</template>

[baiwusanyu-c]

https://play.vuejs.org/#eNqdU02PmzAQ/SuWLxApgsPethCpXeWwlbqtdnvkQmHCsjU28kcaKeK/d2yMQ7YBqRspH/Z7M/Pm8XKmn/s+ORqg9zRTlWx7TVjJm7ygWhWUKNCm3xW87XohNTkTwb8JwzXUZCAHKToSYXH0KTAeRNd7IEntwTaPLg2Mghfzq0JAcOD6kStd8gqmZkmqQWnkVwIRnNeAvsV/KjtABTlZ6BdvCh6kxvEm353HnoJBwkQTr/SNN1g84DtLR0dw/0xD17NSA/4m+MrcniS1EEr2GN2iazjl0DbJmxIcTcWxhBTUDmoZyO+9blFFQe+JQyxWMib+fHV3WhrYTvfVK1S/b9y/qZO9K+gPCQrkEQoaMF1K3GyE9y9PcMLfAexEbRiyV8BnQIeM1TjSvhheo+wZz6l9dE+z5c1PtT9p4Gpaygq1zMHxC4oP3zq1tPpF7l1y5+rQeXRxCo5N5cV5aRlZ3R53WWo/7cXMfXdczjCi/xnCWYXN4YORcsZGsVf/AGT70OLAD2YWe6wU29C+E2GzGgYj7GbkJN6QfEciNWvk1qnh0HLYn3qhID6Phvoqe8DQO0t97G2c0QiMMj6HKzfUq4vBMxwmE9yjLhyLMNAERwej8hk/5oYxNwZQBTYbpS9YElbxWsOei/6+K3AV038+WimMtnPJybFkBjbEN5GYIMn/JXh8sF9zgWsBQIGtP8+F+kk3ZmDFVDCRrpZaGba2VBA9Hv2Kk21rHm+D1pU1PclNcR90+AsKgkdW

[yinfoyuan]

Good idea.🫡