Как в vuejs делегировать событие?

Question

[semki096]

В доках есть простой пример:

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

А как быть если 100 кнопок к примеру? Можно ли както вешать v-on:click на родителя? То есть как то так

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

Answer 1

[0xD34F]

Точно так же, как и без vue - смотрите на event.target, действуете по обстоятельствам:

https://jsfiddle.net/rdcem751/

Comments

[Антон Антон]

Зачем тут эвент.таргет вообще? в vue и react все от данных идет. Выкиньте jquery из головы.

[0xD34F]

Антон Антон, ну это вы у автора вопроса спросите.

Answer 2

[Антон Антон]

В vue и react все от данных идет. Выкиньте jquery из головы. Модифицировал пример выше: https://codepen.io/anon/pen/ywgJPx?editors=1010

Comments

[semki096]

спасибо, хорошо что здесь нет этого замороченного делегирования )