vue3父组件如何引用子组件

在 Vue3 中，父组件引用子组件通常有两种方式：

通过标签引用（Template）
父组件可以在模板 (<template> 部分）直接引入子组件，并提供所需的属性（props）作为传参。例如：
<template>
<my-child-component :message="parentMessage" />
</template>
登录后复制
这里 my-child-component 是子组件名，:message 是 prop 的名称，parentMessage 是父组件数据中传递给子组件的值。

通过 ref 和 props 渲染 (JavaScript)
在 JavaScript 中，可以创建一个 ref 对象引用子组件实例，并在 setup() 函数中将它作为 prop 传递：
import { ref } from 'vue';

setup() {
const childComponent = ref();
// 使用 mounted 或者其他生命周期钩子设置子组件
onMounted(() => {
childComponent.value = new MyChildComponent({ parentMessage: this.parentMessage });
});

return {
childComponent
};
}
登录后复制
在模板中，使用 childComponent 来显示子组件。