3 Langkah Mudah Install & Konfigurasi VueJs di Laravel 8

Berikut adalah cara untuk menggunakan VueJs di Laravel 8.

Install Paket Composer laravel/ui

Kita perlu menginstall paket laravel/ui untuk menggunakan VueJs pada laravel. Caranya adalah sebagai berikut:

composer require laravel/ui

Konfigurasi scaffolding vue menggunakan laravel ui

Laravel Ui menyediakan tool untuk mengonfigurasi semua yang dibutuhkan untuk keperluan penggunaan VueJS di Laravel. Caranya cukup mudah yaitu dengan menjalankan command berikut ini:

php artisan ui vue

Compile File

Setelah scaffolding vue dikonfigurasi oleh Laravel Ui maka selanjutnya adalah menginstall dan mengcompile semua dependency tersebut. Caranya cukup dengan menjadlankan perintah berikut ini:

npm install && npm run dev

Tambahkan ini pada blade template untuk menggunakan VueJS pada template blade

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

Leave a Comment