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 : 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 }}
Catatan Belajar Vue : Event & Method
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 Pada…