Auliya
146 subscribers 8 views 11 months ago

list methods di vue by Auliya

Dalam Vue.js, terdapat beberapa metode bawaan yang dapat digunakan dalam Vue instance atau komponen untuk mengelola logika dan interaksi dengan data. Berikut adalah beberapa metode yang umum digunakan: created(): Metode created() dipanggil saat Vue instance atau komponen selesai dibuat. Ini adalah tempat yang baik untuk menginisialisasi data, membuat permintaan HTTP, atau melakukan tugas persiapan lainnya sebelum komponen di-render. mounted(): Metode mounted() dipanggil setelah Vue instance atau komponen di-mount ke DOM. Ini adalah tempat yang baik untuk memanipulasi elemen DOM, memulai animasi, atau melakukan tugas lain yang membutuhkan akses ke elemen DOM yang sudah ada. updated(): Metode updated() dipanggil setelah Vue instance atau komponen selesai diperbarui. Ini berguna ketika Anda perlu merespons perubahan data dengan melakukan tugas tertentu setelah pembaruan tampilan. beforeDestroy(): Metode beforeDestroy() dipanggil sebelum Vue instance atau komponen dihancurkan. Ini adalah tempat yang baik untuk membersihkan event listener yang didaftarkan atau melakukan tugas penutupan lainnya sebelum komponen dihapus. methods: Properti methods digunakan untuk mendefinisikan metode-metode kustom dalam Vue instance atau komponen. Anda dapat mendefinisikan berbagai metode yang diperlukan untuk logika aplikasi, seperti pemrosesan event, pemanggilan API, atau manipulasi data. Metode-metode ini dapat dipanggil dari template atau dalam metode lain. Contoh penggunaan metode dalam Vue instance: javascript Copy code var vm = new Vue({ data: { pesan: 'Halo Vue!' }, methods: { ubahPesan: function() { this.pesan = 'Pesan diubah!'; }, tambahAngka: function(angka) { return angka + 1; } } }); Dalam contoh di atas, kami mendefinisikan dua metode kustom, yaitu ubahPesan untuk mengubah nilai properti pesan, dan tambahAngka untuk menambahkan angka yang diberikan. Dengan menggunakan metode-metode ini, Anda dapat memisahkan logika aplikasi dari template Vue.js, memudahkan pemeliharaan dan pengelolaan kode, serta mengatur interaksi dan pemrosesan data dengan lebih terstruktur dalam Vue.js. Perlu dicatat bahwa ini hanya beberapa metode yang umum digunakan dalam Vue.js. Anda juga dapat menggunakan metode-metode kustom lainnya sesuai kebutuhan aplikasi Anda.