Vue.js adalah perpustakaan yang sangat kuat, mudah dipelajari, dan mudah didekati sehingga dengan pengetahuan HTML, CSS, dan Javascript, kita dapat mula membangun aplikasi web di dalamnya. Vue.js dibina dengan menggabungkan ciri-ciri terbaik dari Kerangka Sudut dan tindak balas yang sudah ada. Ini adalah kerangka kerja Javascript progresif dan reaktif yang digunakan untuk membina UI (Antaramuka Pengguna) dan SPA (Aplikasi Satu Halaman), itulah sebabnya pemaju suka membuat kod dan merasakan kebebasan dan keselesaan semasa mengembangkan aplikasi di Vue.js.Sekiranya kita melihat pada Mendengar dan Menangani Acara di Vue.js., kita akan tahu bahawa ia memberikan arahan "v-on" untuk mendengar dan menangani acara. Kita dapat menggunakan arahan "v-on" untuk mendengarkan DOM dan melakukan tugas yang diperlukan. Ia juga menyediakan banyak pengendali acara. Walau bagaimanapun, dalam artikel ini, kami hanya akan belajar dan memusatkan perhatian pada peristiwa klik. Oleh itu, mari kita mulakan!
Sama seperti acara OnClick Javascript, Vue.js menyediakan v-on: klik untuk mendengar acara.
Sintaks untuk acara v-on: klik akan seperti ini:
Vue.js memberikan singkatan "@" dan bukan menggunakan "v-on" juga.
Vue.js tidak berhenti hanya dengan mendengar peristiwa klik dan memanggil fungsi. Ini juga membolehkan kita menulis secara langsung sebarang operasi aritmetik atau apa sahaja yang berkaitan dengan Javascript di dalam tanda petik "". Hanya seperti ini:
Vue.js menyediakan kita untuk memanggil kaedah atau fungsi dalam pernyataan Javascript sebaris, seperti yang ditunjukkan di bawah:
Menggunakan Vue.pengendali acara js, kita dapat mengakses acara DOM juga, menggunakan pernyataan sebaris, dengan melewati Vue.js pemboleh ubah "$ event" yang disediakan terutamanya dalam argumen kaedah, seperti contoh di bawah:
Vue.js juga menyediakan kita untuk memanggil pelbagai fungsi atau kaedah. Kita boleh memanggil lebih dari satu fungsi dan memisahkannya dengan koma, seperti contoh ini:
Vue.js menyediakan pengubah acara juga.
Pengubah Acara
Kita sering perlu memanggil pengubah bersama dengan acara. Jadi, Vue.js menyediakan beberapa pengubah berikut:
.berhenti
Ia akan menghentikan penghantaran acara klik.
.mencegah
Ini akan mengelakkan halaman dimuat semula atau dialihkan.
.sekali
Ia akan mencetuskan peristiwa klik sekali sahaja.
.tangkap
Ia kebanyakannya digunakan untuk menambahkan pendengar acara.
Kita juga boleh mengubah suai pengubah. Walau bagaimanapun, ingat bahawa urutan pengubah tidak penting, dan ia akan mempengaruhi hasilnya.
Kesimpulannya
Dalam artikel ini, kami telah membahas keseluruhan konsep pengendalian acara Klik dari peringkat noob hingga ninja. Kami telah mengetahui tentang pelbagai sintaks penulisan peristiwa klik dan cara penggunaan yang berbeza v-on: klik
arahan yang diberikan oleh Vue.js untuk kemudahan pembangun dan pengubah acara yang berbeza. Untuk kandungan yang lebih berguna seperti ini, yang berkaitan dengan Vue.js, teruskan melawat linuxhint.com.