Основы разработки фронтенда - Основы компонентов - Импорт компонентов

Импортировать компонент можно из любого другого компонента. Например, импорт вспомогательных компонентов в базовом компоненте App.vue:

import MenuTop from "@/components/templates/MenuTop";
import BootstrapFooter from "@/components/templates/BootstrapFooter";
export default {
  components:{
    MenuTop,
    BootstrapFooter
  }
}

Глобальная регистрация компонентов в файле main.js

import components from '@/components/ui';
const app = createApp(App);
components.forEach(component => {
    app.component(component.name, component);
})
app.use(router).mount('#app');