Selanjutnya pada materi Cara Membuat Component Vue.Js Pada Framework Laravel Part 2, Silahkan teman-teman buka file HalloComponent.vue kita akan membuat sebuah text “Hallo Dumet School” untuk scriptnya seperti dibawah ini :

Cara Membuat Component Vue.Js Pada Framework Laravel Part 2

Untuk menampilkan text yang terdapat pada file HalloComponents silahkan teman-teman buat sebuah file pada folder views dengan nama hallo.blade.php seperti dibawah ini :

Cara Membuat Component Vue.Js Pada Framework Laravel Part 2

Kemudian pada file hallo.blade.php silahkan teman-teman masukan script seperti dibawah ini :

Cara Membuat Component Vue.Js Pada Framework Laravel Part 2

Pada script diatas terdapat kita telah melakukan konfigurasi untuk vue.js, untuk melakukan konfigurasi vue.js pada laravel teman-teman bisa lihat pada tutorial https://kursuswebprogramming.com/cara-menginstall-package-pada-laravel-menggunakan-npm/ kemudian pada perintah diatas terdapat mix, mix tersebut merupakan sebuah package khusus yang disediakan oleh laravel untuk mengatur dan mengelola asset file js/css.

Selanjutnya kita akan include componentnya yaitu HalloCompnents.vue pada app.js seperti dibawah ini :

Cara Membuat Component Vue.Js Pada Framework Laravel Part 2

Kemudian kita akan setting untuk route pada routes/web.php untuk scriptnya seperti dibawah ini :

Cara Membuat Component Vue.Js Pada Framework Laravel Part 2

Untuk menjalankan pada browser kita akan ketikan npm run watch dan php artisan serve jika kita akses pada browser maka akan terlihat hasilnya seperti dibawah ini :

Cara Membuat Component Vue.Js Pada Framework Laravel Part 2

Oke teman-teman itulah pembahasan kita pada Cara Membuat Component Vue.Js Pada Framework Laravel Part 2 kali ini tentang  Cara Membuat Component Vue.Js Pada Framework Laravel.

Semoga bermanfaat.

Terima kasih.