Membuat single page app dengan vuex

Belajar konsep vuex, konsep flux yang cukup populer dengan membuat single page application. Dengan konsep ini, data-data yang ada pada apliasi Vue menjadi lebih terorganisir

Update kelas terakhir : 6 tahun yang lalu

cover membuat-single-page-app-dengan-vuex.jpg

install vue cli vuex dan struktur folder

Kita mulai dengan install vue cli dan juga vuex. Kita juga akan melihat struktur folder yang direkomendasikan untuk aplikasi yang menggunakan vuex

state dan getters

Kenalan dengan state dan juga getter sebagai tempat awal mengambil data pada aplikasi vuex

membuat component member

membuat component yang akan dipakai di beberapa tempat pada aplikasi member menggunakan vuex

singleview, action dan mutaiton

Mengenal dan melihat perbedaan antara action dan mutation pada vuex yang bertanggung jawab untuk melakukan manipulasi pada data awal. Kita juga akan membuat singleview pada aplikasi member ini.

Tampilkan semua member dan edit component

Bagaimana cara mengedit component secara langsung melalui aplikasi vuex yang kita buat?

Tambah member baru

Menambah member atau data baru, kita akan mempertajam bagaimana alur pada vuex, ketika kita ingin memanipulasi data yang ada pada state melalui action dan mutation

menghapus berdasarkan id

Menghapus member atau data, kita akan mempertajam lagi bagaimana alur pada vuex, ketika kita ingin memanipulasi data yang ada pada state melalui action dan mutation