Чтобы добавить методы к экземпляру компонента, мы используем метод methods вариант.
мы можем определить их так, как мы определили data и действительно methods является объектом функций.

const app = Vue.createApp({
  data() {
    return {
      count: 0
    }
  },
  methods: {
    increment() {
      this.count++
    }
  },
)}
Войти в полноэкранный режим

Выйти из полноэкранного режима

Модификаторы событий и ключей:

Очень часто необходимо вызывать что-то вроде event.preventDefault() внутри обработчиков событий. это можно сделать в самом методе, но есть несколько модификаторов, которые упрощают их применение.

Примеры:

@click.right
@click.prevent.stop
@keyup.13

<!-- the submit event will no longer reload the page -->
<form @submit.prevent="onSubmit"></form>

<!-- only call `submit` when the `key` is `Enter` -->
<input @keyup.enter="submit" />
Войти в полноэкранный режим

Выйти из полноэкранного режима

ты хочешь больше проверить здесь

Запустите и отредактируйте их сами здесь