Catatan Belajar Vue : Css dan Layout
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 :
Kenapa Memilih Vue ?
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…
Catatan Belajar Vue : Vue Component (2)
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.…
Catatan Belajar Vue : Vue CLI
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…
Catatan Belajar Vue : Components & Template (1)
Akhirnya ada waktu lagi buat nulis setelah seminggu kemarin disibukan dengan banyak hal duniawi ~~ Udah ah pembelaannya, lanjut ke tema Vue selanjutnya Component & Template. Component biasanya digunakan jika ada satu struktur html yang mungkin akan digunakan berkali-kali, intinya dengan component ini nantinya reusable. Ambil contoh, dalam halaman website biasanya akan…
Catatan Belajar Vue : Filters
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.
d {{ text }}
Catatan Belajar Vue : Conditional dan Lists
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.
Catatan Belajar Vue : Computed Properties
Saat pertama kali membaca mengenai computed saya bingung, gak tahu sebenarnya fungsi utamanya untuk apa. Contohnya seperti ini :
String : {{ string }}
String : {{ anotherString }}