vue的componet组件全局注册和局部注册

import { createApp } from 'vue'
import App from './App.vue'

const app = createApp(App)

app.component（el-button, 组件）   //这是全局组件  在vue的实例上点component是创建全局组件

-------------------------------------------------------------------------

局部组件就是在  const app = createApp(App)  在创建实例时createApp（），传入app，即一个组件，这个组件也叫根组件，根组件也是局部组件，应为可以创建多个根组件，但一般不会这样使用。  看图， 根组件下面有很多子组件， 子组件之间不能互相使用，只有它的父组件注册它，才可以使用。

也就是说， 全局组件在所有组件里都可以使用，用vue.component方式注册。

局部组件用  createApp(App)方式注册。 

const app = Vue.createApp({
  components: {
    'component-a': ComponentA,
    'component-b': ComponentB
  }
})

const ComponentA = {
  /* ... */
}

const ComponentB = {
  components: {
    'component-a': ComponentA
  }
  // ...
}
-------------------------------------------wepack下的写法    一样的
import ComponentA from './ComponentA.vue'

export default {
  components: {
    ComponentA
  }
  // ...
}