组件注册分为全局注册和局部注册

全局注册

在 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>