Как в vue обратиться к определенному dom-элементу?

Question

[r_g_b_a]

Здравствуйте.
Есть такой код на js https://jsfiddle.net/2rpbqza0/ Суть в чем: есть массив с номерами. Для каждого номера создается элемент. И есть кнопка, после нажатия на которую элементы в порядке возрастания меняют цвет.
В данном примере при создании элемента я добавляю ему id со значением массива, по которому впосле могу к нему обратиться.
Как то же самое сделать на vue, работая с данными, а не с dom напрямую? https://jsfiddle.net/jg5u6f74/

Answer 1

[0xD34F]

.active {
  background: red;
}

data: () => ({
  val: -Infinity,
  ...
}),
methods: {
  onClick() {
    this.val = Math.min(...this.arr.filter(n => n > this.val));
  },
  ...
},

<div v-for="n in arr" :class="{ active: n <= val }">{{ n }}</div>
<button @click="onClick">click me</button>

Answer 2

[Андрей]

Если правильно понял вопрос, то вам нужно использовать цикл и передавать id в слушатель клика.

<div v-for="item in items" @click="changeColor(item.id)" :key="item.id">
    {{ item.name }}
</div>