> For the complete documentation index, see [llms.txt](https://d-ukolov.gitbook.io/vue/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://d-ukolov.gitbook.io/vue/sobytiya/podpiska-na-sobytiya.md).

# Подписка на события

Для подписки на события DOM и выполнения JavaScript-кода по их наступлении используется директива `v-on`.

Например:

```markup
<div id="example-1">
  <button v-on:click="counter += 1">+1</button>
  <p>Кнопка выше была нажата {{ counter }} раз</p>
</div>
```

```javascript
const example1 = new Vue({
  el: '#example-1',
  data: {
    counter: 0
  }
})
```

Результат:

<div align="left"><img src="/files/-Lxpq5bEeRIweTFu7NJX" alt=""></div>