Задать вопрос
AlexReal
@AlexReal
Супермен

Как обрабатывать большое количество событий во vue.js?

Например, есть ul, в котором 100 тегов li.
Есть ли разница с точки зрения производительности:

1.
<ul @click="doSomething">
<li v-for="n in somewhere">{{ n }}</li>...</ul>

methods: {
  doSomething: function(e) {
    if (e.target.tagName.toLoweCase() == 'li') console.log(e.target.textContent);
  }
}

или
2.
<ul>
<li v-for="n in somewhere"  @click="doSomething">{{ n }}</li>...</ul>

methods: {
  doSomething: function(e) {
    console.log(e.target.textContent);
  }
}
  • Вопрос задан
  • 699 просмотров
Подписаться 1 Средний Комментировать
Ответ пользователя Negwereth К ответам на вопрос (3)
Negwereth
@Negwereth
lvivcss.com.ua
Конечно, есть.
Что один обработчик, а что 100.

Вот первый вариант называется "делегирование" и рекомендуется к использованию.
Ответ написан