vue.js:颠倒v-for循环的顺序

<template>
  <div>
    <ul>
      <li v-for="(item, index) in reversedList" :key="index">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['Apple', 'Banana', 'Cherry']
    };
  },
  computed: {
    reversedList() {
      return this.items.slice().reverse();
    }
  }
};
</script>

<template>
  <div>
    <ul>
      <li v-for="(item, index) in items.slice().reverse()" :key="index">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['Apple', 'Banana', 'Cherry']
    };
  }
};
</script>

<template>
  <div>
    <ul>
      <li v-for="(item, index) in items" :key="index">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['Cherry', 'Banana', 'Apple'] // 直接初始化为反转后的顺序
    };
  }
};
</script>