vue3 一个组件引入一个组件过来用 咋写

在Vue3中，当你想在一个组件中引入另一个组件时，通常使用`<component>`标签或者单文件组件里的`components`属性来注册和引用。这里有一个基本的例子：

**主组件（App.vue）:**

<template>
  <div id="app">
    <my-child-component></my-child-component>
  </div>
</template>

<script>
import MyChildComponent from './MyChildComponent.vue'; // 引入子组件

export default {
  name: 'App',
  components: { // 定义全局可用的组件
    MyChildComponent,
  },
};
</script>

在这个例子中，`MyChildComponent`是你想要导入并在页面上使用的子组件。你需要确保已经将`MyChildComponent.vue`文件保存在正确的目录下，并且其内容已包含一个完整的Vue组件定义。

**子组件（MyChildComponent.vue）:**

<!-- MyChildComponent.vue -->
<template>
  <div>
    <h2>这是子组件的内容</h2>
  </div>
</template>

<script>
export default {
  name: 'MyChildComponent',
};
</script>

现在，你可以在主组件中直接使用`<my-child-component>`标签来渲染子组件了。