vue3 引用组件并传参

在 Vue3 中，引用组件并传参的步骤如下：

1. 在需要引用组件的父组件中，使用 `import` 引入组件：

import ChildComponent from './ChildComponent.vue'

2. 在父组件中注册子组件：

export default {
  components: {
    ChildComponent
  },
  // ...
}

3. 在父组件中使用子组件，并通过属性传递参数：

<template>
  <div>
    <child-component :prop-name="propValue"></child-component>
  </div>
</template>

其中，`:prop-name` 是子组件中声明的属性名，`propValue` 是父组件中传递的参数值。

4. 在子组件中通过 `props` 接收参数：

export default {
  props: {
    propName: {
      type: String,
      default: ''
    }
  },
  // ...
}

这样就完成了在 Vue3 中引用组件并传参的操作。注意，子组件中声明的属性名必须与父组件中传递的属性名相同。