Vue.js memiliki berbagai hook yang bisa kita gunakan sesuai dengan statenya, contohnya adalah created yang hooknya akan di eksekusi ketika sebuah komponen berhasil diinisialisasi. Dan kita tidak bisa sembarangan mengunakan hook ini, harus tahu hook yang tersedia. Karena jika salah menggunakan hook maka sangat memungkinkan kode yang kita buat tidak dapat menghasilkan hal yang seharusnya.

Untuk lebih memahami masing-masing hook ini mari sama-sama kita lihat gambar dibawah ini :

 

Mengenal Data, Methods dan Props dari Vue Js

Saat kita belajar bahasa pemograman Vue.js kita akan sering bertemu dengan data, methods dan juga props. Ketiganya merupakan hal dasar yang perlu kita ketahui kegunaannya masing-masing.

Data

Yang dimaksud Data di dalam Vue.js adalah merupakan sekumpulan variabel yang digunakan oleh html template dan dapat dimanipulasi dan dimanfaatkan oleh internal komponen. Sebuah variabel di dalam suatu komponen Vue.js hanya akan berpengaruh terhadap komponen itu sendiri.

Methods

Sedangkan untuk Methods adalah merupakan opsi dalam Vue.js yang berupa object berisi berbagai Fungsi. Function ini sendiri akan memiliki berbagai tujuan yang beraneka ragam dan bervariasi baik memanipulasi data ataupun melakukan sebuah logika. Function didalam methods juga bisa jadi sebuah Event yang bisa dipanggil dengan mudah di bagian html template dari komponen yang bersangkutan. Function bisa merupakan sebuah pure function yang me-return suatu nilai maupun yang tidak mengembalikan nilai apapun.

Props

Props adalah parameter yang bisa dilempar oleh sebuah komponen. Dimana Props merupakan satu dari beberapa jalan untuk mendistribusikan data dari satu komponen ke komponen lainnya. Jadi Props di suatu komponen akan memiliki nilai yang sama dengan nilai dari data yang dilemparkan oleh komponen parent nya.

Demikian tips untuk Mengenal Life Cycle Vue Js Component. Semoga bermanfaat.

WhatsApp chat