Menjalankan Package Vue Router Pada Framework Laravel

Di bahan sebelumnya kita telah berhasil menginstal
package vue router teman-teman dapat lihat di https://kursuswebprogramming.com/cara-install-package-vue-router-pada-framework-laravel/
seperti yang kita ketahui bahwa cara kerja dari package vue router tersebut mengacu
kepada url path yang nantinya kita tentukan bagi menghubungkan dari setiap
component lewat url browser, dan dari url path tersebut nantinya dapat
menjadi identitas bagi menghubungkan setiap components di bahan kali ini
kita akan membahas mengenai bagaimana Menjalankan
Package Vue Router Di Framework Laravel yang telah berhasil kita install.

Bagi Menjalankan Package
Vue Router Di Framework Laravel langkah pertama-tama kita akan import package
vue router yang telah kita install sebelumnya di resources/js/app.js seperti dibawah ini :

Berikutnya kita akan membangun sebuah file di views dengan nama vueRouter.blade.php yang di dalamnya terdapat tag router-link dan tag router-view bagi scriptnya seperti
dibawah ini :

router-link tersebut
adalah sebuah sebuah kegunaan dari vue.js yang berfungsi bagi mengarahkan kita ke
halaman yang kita pilih, dan router-views
berfungsi bagi menampilkan halaman atau page yang kita pilih dari route-link

Berikutnya kita akan menentukan component dari setiap
constant yang kita bikin di resources/js/app.js
seperti dibawah ini :

Berikutnya kita akan membangun constant routes yang berfungsi
bagi mengarahkan kesetiap component seperti dibawah ini :

Kemudian kita akan mengerjakan instansiasi bagi routernya
seperti dibawah ini :

Berikutnya bagi menjalankan di browser kita pun mesti pengaturan
route yang terdapat di routes/web.php bagi
scriptnya seperti dibawah ini :

Berikutnya silahkan teman-teman ketikan di terminalnya npm run watch seperti dibawah ini :

Kemudian kita akan jalankan servernya dengan mengetikan php artisan serve di terminalnya
seperti dibawah ini :

Seandainya segala prosesnya berhasil kita akan jalankan di
browser karenanya akan tampil seperti dibawah ini :

Seandainya menunya klik karenanya akan tampil sesuai dengan halaman
yang dipilih, oke teman-teman demikianlah pembahasan kita mengenai Menjalankan Package Vue Router Di
Framework Laravel.

Semoga bermanfaat.

Terima kasih.