#2 Belajar Dasar - Dasar VUE Dude's!




1. Siklus Objek


2.BEFORE CREATE DAN CREATED
buat kodingan seperti di bawah sini :


 lalu buka di web browser, buka console maka hasilnya akan seperti gambar di bawah ini




Penjelasan : before create undefined karena variabel pwsan belum di deklarasikan jadi tidak terbaca saat  before create created mengeluarkan value karena variabel pesan terbaca setelah inisualisasi vue.

BEFORE MOUNT DAN MOUNTED

buat kodingan seperti gambar di bawah ini :


"this.$el.textContent" mengacu ke element #app, dan textContent adalah fungsi bawaan dari javascript

Lalu buka di browser, buka console maka hasilnya akan seperti gambar dibawah ini



BEFORE UPDATE dan UPDATED


pada baris 26, kode baris tersebut untuk mengecek updated. Karena, updated sendiri berjalan ketika ada variabel/objek yang berubah.



BEFORE DESTROY dan DESTROYED 




TEMPLATE - Data Attribute, Properti Template, Properti Method, Properti Computed dan Properti Filter


DATA ATTRIBUTE 


v-bind:class  berfungsi untuk mengambil variabel dalam vue yang bernama css_class_from_vue. Variabel tersebut berisi title yang mana itu mengacu kepada css pada baris ke 8.




DATA RAW





PROPERTI TEMPLATE





mencetak elemen HTML  dalam Vue menggunakan  properti template



PROPERTI METHOD


Button onclick mengacu ke methods dalam vue yang bernama increment  dan decrement.

Komentar

Postingan populer dari blog ini

PHP Lumen Client APP