Рубрики
Vue.js

Настройка работы компонентов Vue3 в Laravel проекте

  • Автор записи Автор: bo52
  • Дата записи 12.04.2022
  • Закрепленная запись
  • Установка Vue3 в Laravel проекте через терминале IDE
установка менеджера пакетов в проекте
npm install
установка последней версии laravel-mix
npm i laravel-mix
установка пакета vue через npm
npm install --save vue@next
npm install --save-dev vue-loader@next
запуск приложения Vue локально (не использую)
npm run serve
  • Настройка работы Vue3 в проекте Laravel
    в файл webpack.mix.js (находится в корне проекта)
    добавить метод vue
...
mix.js('resources/js/app.js', 'public/js').vue()
    .postCss('resources/css/app.css', 'public/css', [
        //
    ]);
  • папка, где хранятся компоненты vue resources\js\components
  • файл регистрирует компоненты Vue в Laravel
    resources\js\app.js
require('./bootstrap');
import {createApp} from 'vue';

const app=createApp({});

app.mount('#app');