vue3父组件如何引用子组件

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

1. **通过标签引用**（Template）
父组件可以在模板 (`<template>` 部分）直接引入子组件，并提供所需的属性（props）作为传参。例如：

   <template>
     <my-child-component :message="parentMessage" />
   </template>

这里 `my-child-component` 是子组件名，`:message` 是 prop 的名称，`parentMessage` 是父组件数据中传递给子组件的值。

2. **通过 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` 来显示子组件。