Как интегрировать пакет Vue.js (например, vodal) в Laravel?

В laravel сначала откройте терминал и установите npm с помощью команды npm install, после чего вы увидите новую папку в вашем проекте с именем node_modules. весь код ваших пакетов находится внутри этой папки.

Теперь просто запустите команду для водыла, например npm i -S vodal

теперь вы можете просто импортировать этот пакет в свой файл app.js, как вы это делали.

Запустите npm run watch для режима разработки, который импортирует весь код воды из папки node_modules в ваш файл app.js, который находится в вашем общедоступном каталоге.

Обновлять

Я увидел ваш репозиторий, скачал его и отредактировал некоторые ваши файлы. ты поступил совершенно неправильно. Я предлагаю вам сначала изучить vuejs, а не углубляться в него.

проблема была в том, что вы вызывали это в vue, а не в компоненте vue, поэтому почему вы даете следующий код.

export default {
    components: {
        Vodal
    },
    data() {
        return {
            show: false
        }
    }
}

мы делаем это в компоненте vue, а не в vue. в data возвращаем только в vue component и официальную документацию vodal, там же дают пример использования в vue component.

и вы не используете его в компоненте vue, поэтому просто сделали это в vue, как показано ниже

const app = new Vue({
    el: '#app',
    data:{
        show: false
    }
});

Итак, теперь ваш CSS.

поэтому для включения css. я просто импортирую это в файл app.scss, как показано ниже.

@import "~vodal/common.css";
@import "~vodal/rotate.css";

теперь заключительная часть и ваша самая большая ошибка. почему вы не включаете файл app.js в файл welcome.blade. Весь ваш код написан в файле app.js, и вы его не включаете. поэтому я просто включаю его в файл welcome.blade, как показано ниже.

<script src = "{{ asset('js/app.js') }}" defer></script>
<link rel = "stylesheet" href = "{{ asset('css/app.css') }}">

в конце концов, просто беги npm run watch

так что теперь основная часть вам нужна show:true для показа модального окна. по умолчанию false, поэтому он не покажет вам. Я делаю событие клика для шоу, чтобы вы понимали, как это все будет работать. и плохо делиться файлами со ссылкой в ​​комментарии.