组件注册分为全局注册和局部注册
全局注册
在 main.js 或者入口文件中
import { createApp } from 'vue';
import MyComponent from './components/MyComponent.vue';
const app = createApp();
app.component('my-component', MyComponent);
app.mount('#app');我们首先通过createApp函数创建了一个Vue应用实例。然后导入了要注册的组件MyComponent，接着通过调用app.component()方法将其全局注册。这里设置的组件名称为my-component，这样在模板中可以使用<my-component></my-component>来引用该组件。
一旦组件被全局注册，你就可以在任何Vue组件或模板中使用它，而无需再次进行局部注册。
局部注册
在使用 <script setup> 的单文件组件中，导入的组件可以直接在模板中使用，无需注册：
<script setup>
import ComponentA from './ComponentA.vue'
</script>
<template>
<ComponentA />
</template>
