Phenquestions
Vue.js е много мощна, лесна за научаване и достъпна библиотека, която със знанието на HTML, CSS и Javascript можем да започнем да изграждаме уеб приложения в нея. Vue.js е изграден чрез комбиниране на най-добрите функции от вече съществуващите рамки Angular и response. Това е прогресивна и реактивна Javascript рамка, която се използва за изграждане на потребителски интерфейси (потребителски интерфейси) и SPA (приложения с една страница), поради което разработчиците обичат да кодират и чувстват свобода и комфорт, докато разработват приложения във Vue.js.Ако разгледаме прослушването и обработката на събития във Vue.js., ще знаем, че той предоставя директива „v-on“ за прослушване и обработка на събития. Можем да използваме директивата „v-on“, за да слушаме DOM и да изпълняваме необходимите задачи. Той също така предоставя много обработчици на събития. В тази статия обаче ще научим само и ще запазим фокуса си върху събитията за кликване. И така, нека започнем!
Точно като събитието onClick на Javascript, 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 от ниво noob до ниво нинджа. Научихме за различните синтаксиси на писане на клик събития и различните начини за използване v-on: щракнете директива, предоставена от Vue.js за лекотата на разработчиците и различни модификатори на събития. За по-полезно съдържание като това, свързано с Vue.js, продължавайте да посещавате linuxhint.com.
