VueJS

Belajar Vue Js Bagian 9 : Event Handling di Vue JS

Hallo Coder 😃 , Pada tutorial sebelumnya kita mambahas Input bindings di vue js, kali ini kita akan membahas Event Handling di Vue Js, Event Handling adalah suatu penanganan action yang terjadi.

jadi sesuatu akan terjadi jika ada event contohnya, saat tombol di klik akan ada tulisan keluar.

Listening to Events

Kamu dapat menggunakan v-on merupakan directive yang berperan sebagai sebuah event listener.

Contohnya :

Hasilnya :

Button yang di klik {{ counter }}.

Method Event Handlers

method event handlers berfungsi untuk menangani event yang lebih komplek. jadi di dalam v-on kita simpan method yang akan di jalankan.

Contohnya :

Hasilnya :

Methods in Inline Handlers

Jika dalam Metode event handlers kita hanya mengisi nama method di dalam v-on:click="nama_method" sedangkan di methods in inline handlers kita bisa langsung ke mengisi isi method nya juga seperti ini v-on:click=”nama_method(‘isi method’)”

Contohnya :

Hasilnya :

dengan menggunakan method di atas akan mempersingkat code yang kita ketikan. semuanya tinggal kamu sesuaikan dengan kebutuhan yang kamu inginkan.

Bagaimana tutorial Event Handling di Vue Js, jika ada kesulitan silahkan tinggalkan dikolom komentar, Pada tutorial selanjutnya kita akan membahas Menggunakan Components Basics, Semoga dapat membantu tutorialnya, salam coder

www.domainesia.com