Что такое VueJS? Каковы основные особенности VueJS? 6

18. Как вы используете обработчики событий?

Вы можете использовать обработчики событий в vue, аналогичные обычному javascript. Вызов метода также поддерживает специальную переменную $ event.

Submit

methods: {

show: function (message, event) {
//теперь у нас есть доступ к своему событию
if (event) event.preventDefault()
console.log(message);
}
}

19. Какие модификаторы событий предоставляет vue?

Обычно javascript предоставляет внутри обработчиков событий event.preventDefault () или event.stopPropagation (). Вы можете использовать методы, предоставляемые vue, но эти методы предназначены для логики данных, а не для работы с событиями DOM. Vue предоставляет ниже модификаторы событий для v-on, и эти модификаторы представляют собой постфиксы директив, обозначенные точкой.

1. 
   .stop
   
2. 
   .prevent
   
3. 
   .capture
   
4. 
   .self
   
5. 
   .once
   

vi. .passive
Возьмем пример модификатора остановки,

Вы также можете связать модификаторы, как показано ниже,

модификаторы могут быть связаны-->

20. Что такое ключевые модификаторы?

Vue поддерживает ключевые модификаторы в v-on для обработки событий клавиатуры. Давайте рассмотрим пример события нажатия клавиши с вводом кода клавиши.

Запомнить все коды ключей действительно сложно. Он поддерживает полный список псевдонимов кодов клавиш.

1. 
   .enter
   
2. 
   .tab
   
3. 
   .delete (захватывает клавиши «Delete» и «Backspace»)
   
4. 
   .esc
   
5. 
   .space
   
6. 
   .up
   
7. 
   .down
   
8. 
   .left
   

ix. .right
Теперь приведенный выше фрагмент кода клавиатуры можно записать с псевдонимами следующим образом:

Примечание. Использование событий keyCode устарело и может не поддерживаться в новых браузерах.