Рубрики
Laravel+Vue3 project Vue.js Vue основы Vue компонент

Регистрация компонентов Vue3 для Laravel проекта

1. Глобальная
регистрация

Глобальная регистрация осуществляется в одном файле.
resources\js\app.js

  • Явная глобальная регистрация
import { createApp } from 'vue';
//путь к компоненту относительно текущего файла 
import GlComponent from './components/GlComponent.vue';

const app=createApp({});
app.component('gl-component',GlComponent);
app.mount('#app');
  • Не явная глобальная регистрация
    осуществляется через общий файл index
    (библиотека компонентов) и прохождением по циклу

resources\js\components\index.js

import Comp1 from "./Comp1.vue";
import Comp2 from "./Comp2.vue";
...

export default [
Comp1,
Comp2,
...
]

resources\js\app.js

import { createApp } from 'vue';
//путь к компоненту относительно текущего файла 
import components from './components/index';

const app=createApp({});
components.forEach(component=> {app.component(component.name,component)})
app.mount('#app');

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *