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 :
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…
Catatan Belajar Vue : Binding HTML Attribut
Hal umum yang cukup sering digunakan dalam data binding adalah manipulasi atribut seperti class misalnya. Untuk lebih jelasnya mari coba siapkan dahulu satu struktur HTML. Oh iya ini masih pake CDN yah karena masih dalam kelompok pengenalan di minggu pertama.