Как перебрать значения Set в Vue.js?

Question

[andreyAmaterasu]

Мне нужно создать список с уникальными значениями, для этого я создаю объект Set, но я не могу перебрать в "v-for" значения этого объекта, если просто передать его в html {{ setObject }}, то результат будет такой, как на скрине. (Если также передать массив, то результат будет примерно такой: ['item1, 'item2', ...]). Можно использовать Set в Vue.js, если да, то как я могу перебрать его значения?

Comments

[Roman K]

Set во Vue лучше вообще не использовать, если не знаешь подводных камней. А именно — он не реактивен, это решается очень стрёмным костылём.

Answer 1

[Дмитрий Гололобов]

Собственно также, как и объект через of

<div v-for="(item, index) of mySet" :key=index>{{ item }}</div>

Answer 2

[0xD34F]

превратить set в массив, перебирать массив

или использовать vue версии 2.6.0+, тогда так же, как и обычные массивы/объекты

Comments

[Roman K]

Не нашёл в changelog'ах того, что Vue начал поддерживать реактивность у Map и Set

[0xD34F]

Roman Kitaev, вопрос был про "перебрать".

[Roman K]

0xD34F, "ящетаю", что стоит всё же упомянуть, что Map и Set сломаны во Vue и их там не стоит использовать.