Cara Membuat Crud Menggunakan Laravel Vue js dan Mysql (Router)

Di bahan Cara Membangun Crud Menggunakan Laravel Vue js dan Mysql (Router) kali ini kita akan mengerjakan konfigurasi di vue routernya, namun sebelum kita menginstall vue router di project yang kita gunakan kita mesti menginstall node.js, composes dan tools lainnya bagi cara install dan tool yang akan di gunakan di project ini taman-teman dapat lihat di panduan https://kursuswebprogramming.com/software-atau-tool-untuk-mendevelop-menggunakan-laravel-vuejs/

Setelah segala tools atau softwarenya terinstall kita akan
mengerjakan install bagi vue router di file project yang kita gunakan, seperti
yang kita ketahui bahwa vue router tersebut berfungsi bagi merancang sebuah
blog atau program yang ketika kita buka setiap halamannya tak terdapat loding
bar atau halaman yang kita buka tak terdapat refreshnya.

Cara Membangun Crud
Menggunakan Laravel Vue js dan Mysql (Router) langkah pertama-tama silahkan
teman-teman arahkan terminalnya folder project yang akan digunakan dan silahkan
teman-teman ketikan npm install seperti
dibawah ini :

Berikutnya setelah proses install selesai dan berhasil kita
akan install bagi vue router, silahkan teman-teman ketikan di terminalnya npm install vue-router seperti dibawah
ini :

Apabila proses vue-routernya berhasil bila kita lihat di file
package.json karenanya akan terlihat
package vue-router yang telah berhasil kita install seperti dibawah ini :

Berikutnya kita akan inport bagi vue-router, dan file
componentnya di resources/js/app.js seperti dibawah ini :

Berikutnya kita akan merancang file dengan nama IndexComponent.vue dan CreateComponent.vue di folder
components seperti dibawah ini :

Berikutnya di folder homepage.blade.php
kita akan bikin router-view bagi menampilkan content yang kita bikin di
file components bagi scriptnya seperti dibawah ini, bagi table yang telah
kita bikin di bahan sebelumnya kita akan pindahkan di file
IndexComponent.vue

• File homepage.blade.php

Berikutnya di file IndexComponent.vue kita akan masukan
sebuah table seperti dibawah ini :

Ket : di script diatas kita menggunakan tag <tema>
yang berfungsi bagi menghubungkan file yang terdapat di router-view di
file homepage.blade.php. bagi menjalankannya di browser silahkan teman-teman
jalankan di terminalnya php artisan
serve dan npm run watch karenanya
akan terlihat seperti dibawah ini :

Berikunya kita akan merancang form bagi kegunaan Create New
Post di file CreateComponent.vue bagi scriptnya seperti dibawah ini :

Kemudian silahkan di refresh kembali halamannya bila kita
klik tombol create new post karenanya akan muncul seperti dibawah ini :

Oke teman-teman seperti itulah panduan kita mengenai Cara Membangun Crud Menggunakan Laravel Vue
js dan Mysql (Router),  kita telah
berhasil mengerjakan routing di project kita dan merancang form bagi create
datanya, kita akan lanjutkan di bahan berikutnya.

Semoga bermanfaat.

Terima kasih.