CRUD API di Nuxtjs

menggunakan nuxtjs untuk berinteraksi dengan API, kita akan melihat bagaimana sistem crud (create, read, update, delete) dengan API local yang kita buat melalui nuxt.js

Update kelas terakhir : 5 tahun yang lalu

cover crud-api-di-nuxtjs.jpg

tutorial nuxt js crud api

Trailer menggunakan nuxt js untuk mengakses API dengan axios

bikin api dengan json server

Kita akan membuat API local menggunakan json-server, kamu bisa melihatnya disini Link: Jsonplaceholder

install axios dan bulma

Bagaimana menginstall plugin seperti axios atau css framework dan menggunakannya di proyek nuxt.js

memindahkan data di vuex store

Memindahkan data dari .vue file ke vuex store

submit data ke api

Bagaimana cara menambahkan data ke API menggunakan nuxtjs

penulisan lain map action di vuex

Selain menggunakan mapaction dan spread syntax, ada penulisan lain untuk mengakses action dan state di vuex store kita dari .vue file

merapikan tampilan

Kita rapikan dulu tampilan dari proyek ini!

menghapus data

Menghapus dari dengan API di nuxt.js

edit dan update data

Mengupdate data dari API di nuxt.js

sistem search

Membuat sistem search dengan computed property di vuejs

Halaman ini adalah halaman video tutorial programming "CRUD API di Nuxtjs".

<< Daftar kelas koding lainnya