vue3 怎么拿子组件 创建的实例

你可以使用 `createApp` 函数来创建一个新的 Vue 应用程序实例，并使用 `mount` 函数将其挂载到 DOM 中。然后，使用 `refs` 属性来访问子组件的实例并调用其方法或访问其属性。以下是一个示例代码：

import { createApp, ref } from 'vue';
import ChildComponent from './ChildComponent.vue';

const app = createApp({
  components: {
    ChildComponent
  },
  setup() {
    const childRef = ref(null);
    return {
      childRef
    };
  }
});

app.mount('#app');

在子组件创建时使用 `ref` 属性将其引用传递给父组件：

<template>
  <div ref="childRef"></div>
</template>

<script>
export default {
  mounted() {
    this.$emit('childMounted', this);
  }
}
</script>

然后在父组件中接收引用并使用它：

<template>
  <div>
    <child-component @childMounted="onChildMounted"></child-component>
  </div>
</template>

<script>
export default {
  methods: {
    onChildMounted(childRef) {
      console.log(childRef); // 子组件实例
      childRef.someMethod(); // 调用子组件的某个方法
    }
  }
};
</script>