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

Для подписки на события 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="https://955258160-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuIgnBBZPLjlzke50z9%2F-LxpPXVhW-Qy40gSR6x7%2F-Lxpq5bEeRIweTFu7NJX%2Fimage.png?alt=media&#x26;token=2bad8d25-8164-4fb5-a14d-2c94e47b0054" alt=""></div>
