How to delegate an event in vuejs?

Question

Vue.js

There is a simple example in the docs:

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

But what if there are 100 buttons for example? Is it possible to somehow hang v-on: click on the parent? That is, something like this

<div v-on:click="counter += 1" id="example-1">
<button>+1</button>
<button>+1</button>
<button>+1</button>
...

Answer 1

Just like without vue - look at event.target, act according to circumstances:
https://jsfiddle.net/rdcem751/