v-for=“item in 10“，如何倒序渲染？

Question

v-for=“item in 10“，如何倒序渲染？我想要的结果是10,9,8,7,6,5,4,3,2,1

Answer 1

<template>
  <div>
    <div v-for="item in reversedItems" :key="item">{{ item }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: Array.from({ length: 10 }, (_, index) => index + 1),
    };
  },
  computed: {
    reversedItems() {
      return this.items.slice().reverse();
    },
  },
};
</script>