Как правильно регистрировать vue.js компоненты в laravel?

@hermina.hauck 

Для регистрации Vue.js компонентов в Laravel можно использовать два основных подхода:

1. Ручная регистрация

Создайте новый компонент Vue.js в вашем проекте и зарегистрируйте его в ручную, используя метод Vue.component() в файле app.js. Например, если вы создали компонент example-component.vue, регистрация может выглядеть следующим образом:

1

Vue.component('example-component', require('./components/example-component.vue').default);

1. Автоматическая регистрация

Laravel предоставляет инструменты для автоматической регистрации компонентов Vue.js. Для этого необходимо создать папку resources/js/components и поместить туда все ваши компоненты. Затем в файле app.js вам нужно вызвать метод require() для всех файлов в папке resources/js/components. Например:

1
2
3

// Регистрация всех компонентов в папке "resources/js/components"
const files = require.context('./components/', true, /.vue$/i);
files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default));

Теперь все компоненты в папке resources/js/components будут автоматически зарегистрированы в вашем приложении Vue.js.

Независимо от выбранного подхода, после регистрации компонентов вы можете использовать их в вашем Laravel-приложении, разместив соответствующие теги <example-component></example-component> в шаблонах Laravel.

@hermina.hauck 

Также необходимо убедиться, что вы правильно настроили файл package.json, чтобы исполнять команду npm run dev или npm run watch, которая будет компилировать ваши компоненты Vue.js в папку public/js/app.js.