Tentang Computed Property Pada Vue Js

Sekarang kita akan belajar tentang computed property. Computed property ini kita bisa membuat satu property atau satu variabel yang mana property tersebut akan tergantung dengan property yang lainnya artinya dengan computed ini bila kita mengubah property A maka otomatis property B atau property C yang tergantung dengan property A nya dia juga akan ikut berubah. Jadi itu dia konsep computed property. Saya akan lihatkan contoh sederhana saya mempunyai property harga dan quantitynya serta total belanjanya sebagai berikut

Lalu kita akan berikan nilainya sebagai object datanya yang mana harga saya berikan 1000 sebagai nilai defaultnya dan nilai 1 untuk property qty 

Dan sekarang kita akan menggunakan property computed penulisannya seperti berikut

Kemudian didalamnya akan ada property totalnya. Property total ini saya akan jadikan sebuah fungsi atau metode dimana kita akan langsung mereturn atau mengembalikan nilai harga yang dikalikan dengan nilai qtynya

Sebagai catatan teman teman untuk bisa mengakses object datanya kita gunakan kata this lalu di ikuti dengan nama propertynya. 

Jadi konsepnya property total ini akan tergantung dengan nilai qtynya atau nilai dari jumlah belinya dan kalo quantitynya 1 maka total belanjanya menjadi 1000

Dan bila kita lihat sekarang maka hasilnya benar yaitu hasil perkalian dari harga barang dan jumlah yang dibeli. Tapi menariknya kalo saya mengubah nilai property qtynya menjadi 4 didalam consolenya dengan menuliskan vObj sebagai Object Vuenya lalu property qty sebagai berikut

Maka bukan cuma qtynya yang berubah tapi total belanjanya juga ikut berubah. Nah itu dia kegunaan computed property yang mana nilai-nilai yang tergantung dengan nilai lainnya maka nilai tersebut akan ikut berubah. Itu dia tentang computed property pada Vue js. Semoga jelas dan sampai jumpa.