vue3 组件注册

全局注册

所有子组件可以使用全局注册的组件。

使用 vue 应用实例的 .component() 方法：

import { createApp } from 'vue';
const app = createApp({});

app.component('myComponent',{
    // 组件的实现
});

对于单文件组件：

import MyComponent from './App.vue'

app.component('MyComponent', MyComponent);

链式：

app.
    component('ComponentA', ComponentA).
    component('ComponentB', ComponentB).
    component('ComponentC', ComponentC);

局部注册

优点

1. tree-shaking：全局注册的组件，即使不用，也会出现在打包后的 JS 文件中；而局部注册会移除未使用的组件。
2. 依赖关系明确：全局注册使大型项目中组件的依赖关系不够明确；而局部组件使组件间的依赖关系更加明确。