javascript
Sebagai orang yang belajar dari artikel-artikel yang bersebaran di internet, tidak jarang saya menjumpai perbedaan cara menulis kode. Salah satu yang cukup sering saya temui adalah pendeklarasian variabel di javascript. Dulu, saat mendeklarasikan variabel di javascript cukup menggunakan var, sekarang sering saya temui menggunakan let dan juga const, lalu apa
javascript
Target tulisan kali ini adalah bisa membuat satu buah fitur crud menggunakan vuex. Lalu apa itu vuex ? Kalau dibaca dari situs ofisialnya sih vuex itu state management pattern + library, tapi setelah itu ada pertanyaan lagi state management itu apa ? Kalau yang saya pahami sih state management atau vuex ini berfungsi
javascript
Kemarin saat lagi mengulang untuk mengingat serial tentang vue, saya memasang ulang vuetify dan terjadilah perbedaan di main.js seperti yang terlihat pada tulisan saya tentang vuetify kemarin. Saat memasang vuetify ada dialog seperti berikut ? Project name prototipe ? Project description Prototipe dari vue ? Author ariesm ? Vue build standalone ? Install vue-router?
javascript
Akhirnya bisa lanjut belajar vue lagi, bulan lalu benar-benar bulan yang panjang ~~ dari resign, nyari kerja, dapet kerja dan hadeuh full lah pokonya, tapi masih bisa sih nulis-nulis yang pendek-pendek. Ya sudah bikin alesannya dan mari lanjut lagi tentang vue. Mengulang layout dengan vuetify Karena ditinggal lama akhirnya diputuskan mengulang
javascript
Membuat layout atau struktur di vue sebenarnya tidak berbeda dengan html pada umumnya, cukup sertakan saja css yang diinginkan di index.html, seperti ini misalnya : <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>test-cli&
js
Akhir-akhir ini saat ditanya bisa apa dan belajar apa lalu menyatakan sedang belajar Vue akan dilanjut dengan pertanyaan kenapa Vue? kenapa gak React/Angular ? Jika melihat backup dua framework tersebut Vue gak ada-apanya emang, Angular dibelakangnya ada Google, dan React ada Facebook. Sebelum beralasan kenapa milih Vue saya mau curhat
javascript
Pada tulisan Vue Component waktu itu, template pada component dituliskan dalam bentuk string di properti template. Karena kemarin sudah menggunakan vue-cli dan memasang banyak paket tambahan, penggunaan component menjadi sangat mudah, daripada ditulis dalam bentuk string component dipisahkan dalam bentuk file dengan ekstensi .vue. Contohnya dalam scafolding vue-cli ada App.
javascript
Sebelum memulai vue-cli harus ada pra kondisi yang wajib dipenuhi : Install node.js . Jadi mari berkunjung dulu ke situs node.js untuk memasangnya. Silahkan ikuti tahapan-tahapan install di webnya. Kenapa harus menggunakan vue-cli padahal pakai cdn sudah bisa memenuhi beberapa interaksi yang cukup reaktif ? jawabnya ada di ujung langit Paling
javascript
Sebelumnya filters di vue itu bukan tentang pencarian kaya ngefilter data, ini lebih mirip helper. Untuk tahu maksudnya mending langsung tes saja. Bikin dulu HTML dengan struktur dasar seperti ini. <!DOCTYPE html> <html lang="en"> <head> <title></title>
javascript
Biasanya yang paling sering dilakukan di view itu kalau gak mainin IF ya nge-loopingdata.Vue sudah memiliki directive tersendiri untuk hal itu, ada v-if untuk IF dan v-foruntuk loop. Untuk contoh v-if bisa salin html berikut. <!DOCTYPE html> <html lang="en"> <head>
javascript
Saat pertama kali membaca mengenai computed saya bingung, gak tahu sebenarnya fungsi utamanya untuk apa. Contohnya seperti ini : <!DOCTYPE html> <html lang="en"> <head> <title>Computed</title> <script src="https://vuejs.org/js/vue.min.js&
javascript
Saat halaman di-load itu merupakan event, saat tombol diklik itu merupakan event, intinya interaksi antara HTML ( DOM ) dengan javascript itu biasa disebut Event. Penggunaan event di Vue itu cukup mudah, pada Vue bisa menggunakan directive v-on, lalu diikuti oleh eventyang akan digunakan. Bisa dilihat pada contoh script tulisan sebelumnya <