Vue3统一导出局部组件和全局组件

import ComponentA from './ComponentA.vue'
import ComponentB from './ComponentB.vue'

export {
    ComponentA,
    ComponentB
}

<template>
  <ComponentA />
  <ComponentB />
</template>
<script setup>
import { ComponentA, ComponentB } from "./components"
</script>

import Component1 from './Component1.vue'
import Component2 from './Component2.vue'

export {
    Component1,
    Component2
}

import { createApp } from 'vue'
import App from './App.vue'
import * as components from './components/global'

const app = createApp(App)

Object.entries(components).forEach(([name, component]) => {
    app.component(name, component)
})

app.mount('#app')

<template>
  <ComponentA />
  <ComponentB />
</template>
<script setup></script>