Event

Event - это механизм для обработки взаимодействия пользователя с элементами интерфейса (клики, ввод текста и т.д.) и коммуникации между компонентами.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script setup>import { ref } from 'vue'  const count = ref(0)  function countUp() {  ++count.value}</script>  <template>  <p>count: {{count}}</p>  <button @click='countUp'>Add</button></template>

Vue предоставляет модификаторы для частых операций:
• @click.stop Остановка всплытия (stopPropagation)
• @submit.prevent Предотвращение действия по умолчанию (preventDefault)
• @click.stop.prevent Модификатор по цепочке
• @click.once Только один раз
• @keyup.enter Модификаторы клавиш