Vue.js - це дуже потужна, проста у вивченні та доступна бібліотека, завдяки якій, знаючи HTML, CSS та Javascript, ми можемо почати створювати в ній веб-програми. Vue.js побудований на основі поєднання найкращих функцій з уже існуючих Angular і framework Framework. Це прогресивний та реактивний фреймворк Javascript, який використовується для побудови інтерфейсів користувача (користувальницькі інтерфейси) та SPA (односторінкові програми), саме тому розробники люблять кодувати та відчувати свободу та комфорт під час розробки програм у Vue.js.Якщо ми поглянемо на прослуховування та обробку подій у Vue.js., ми будемо знати, що він надає директиву "v-on" для прослуховування та обробки подій. Ми можемо використовувати директиву “v-on” для прослуховування DOM та виконання необхідних завдань. Він також надає багато обробників подій. Однак у цій статті ми будемо лише вивчати та зосереджуватись на подіях кліків. Отже, давайте почнемо!
Подібно до події Javascript onClick, Vue.js надає v-on: клацніть для прослуховування подій.
Синтаксис для події v-on: click буде таким:
Vue.js надає скорочення "@" замість того, щоб також використовувати "v-on".
Vue.js не зупиняється лише на прослуховуванні події клацання та виклику функції. Це також дозволить нам писати безпосередньо будь-яку арифметичну операцію або що-небудь пов’язане з Javascript усередині лапок “”. Просто так:
Vue.js надає нам можливість викликати метод або функцію у вбудованому операторі Javascript, як показано нижче:
Використання Vue.js, ми також можемо отримати доступ до події DOM, використовуючи вбудований оператор, передавши Vue.js спеціально вказав змінну “$ event” у аргументі методу, як у прикладі нижче:
Vue.js також надає нам можливість викликати кілька функцій або методів. Ми можемо викликати кілька функцій і розділяти їх комами, як у цьому прикладі:
Vue.js також надає модифікатори подій.
Модифікатори подій
Нам часто потрібно викликати модифікатори разом із подіями. Отже, Vue.js надає деякі з наступних модифікаторів:
.Стоп
Це зупинить передачу події кліку.
.запобігти
Це запобіжить перезавантаженню або переспрямуванню сторінки.
.один раз
Це викликає подію клацання лише один раз.
.захоплення
Він в основному використовується для додавання слухача подій.
Ми також можемо застосувати модифікатори. Однак майте на увазі, що порядок модифікаторів має значення, і це вплине на результати.
Висновок
У цій статті ми розглянули цілі концепції обробки подій Click від нуба до рівня ніндзя. Ми дізналися про різні синтаксиси написання подій клацання та різні способи використання v-on: клацніть
директива, надана Vue.js для зручності розробників та різних модифікаторів подій. Для отримання більш корисного вмісту, подібного до цього, пов'язаного з Vue.js, продовжуйте відвідувати linuxhint.ком.