Всем добрый день. Есть следующая таска: выводится таблица. При клике

на первый столбец нужно вызвать функцию. Как будет лучше по производительности в зависимости от имени столбца редерить разные tdшки один со слушателем, а второй нет или создать один метод и передавть в него имя столбца? Те. лучше так:

<tr
v-for="(item, i) in items"
:key="i"
>
<td
v-for="(culom, index) in showingColoms"
:key="index"
@click="someFunc(culom)"
>
{{item[culom]}}
</td>
</tr>

или так:

<tr
v-for="(item, i) in items"
:key="i"
>
<td
v-if="culom === 'Order' "
v-for="(culom, index) in showingColoms"
:key="index"
@click="someFunc(culom)"
>
{{item[culom]}}
</td>
<td
v-else
v-for="(culom, index) in showingColoms"
:key="index"
>
{{item[culom]}}
</td>
</tr>?

culom и colom - это, я так понимаю, ты столбцы называешь. Если так, то переименуй в col или column. Если интерактивный только 1 столбец, то вызывай только на нём функцию. Если возможны клики на разных - передавай в одну функцию