Как вывести v-for в обратном порядке в VUE?

Question

[Макс Жуков]

Как вывести v-for в обратном порядке?

Answer 1

[0xD34F]

computed: {
  reversedItems() {
    return [...this.items].reverse();
  },
},

v-for="n in reversedItems"

Answer 2

[Vitaliy]

Лучше использовать фильтры:

Vue.filter('reverse', function(value) {
  // slice to make a copy of array, then reverse the copy
  return value.slice().reverse();
});

<li v-for="item in items | reverse" track-by="id">

Источник