vue3组件的全局注册方法

全局注册​:

我们可以使用 Vue 应用实例的 app.component() 方法，让组件在当前 Vue 应用中全局可用。


import { createApp } from 'vue'

const app = createApp({})

app.component(
  // 注册的名字
  'MyComponent',
  // 组件的实现
  {
    /* ... */
  }
)
如果使用单文件组件，你可以注册被导入的 .vue 文件：


import MyComponent from './App.vue'

app.component('MyComponent', MyComponent)
app.component() 方法可以被链式调用：


app
  .component('ComponentA', ComponentA)
  .component('ComponentB', ComponentB)
  .component('ComponentC', ComponentC)
全局注册的组件可以在此应用的任意组件的模板中使用：


<!-- 这在当前应用的任意组件中都可用 -->
<ComponentA/>
<ComponentB/>
<ComponentC/>
所有的子组件也可以使用全局注册的组件，这意味着这三个组件也都可以在彼此内部使用。

原文:

组件注册 | Vue.js全局注册