vue 数组截取

// 示例代码：Vue 数组截取

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

<script>
export default {
  data() {
    return {
      originalArray: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], // 原始数组
      startIndex: 2, // 截取的起始索引
      endIndex: 7   // 截取的结束索引（不包含）
    };
  },
  computed: {
    slicedArray() {
      // 使用 slice 方法截取数组
      return this.originalArray.slice(this.startIndex, this.endIndex);
    }
  }
};
</script>

<!-- 解释说明：
1. `originalArray` 是一个包含 10 个元素的数组。
2. `startIndex` 和 `endIndex` 分别定义了截取的起始和结束索引。
3. `slicedArray` 是一个计算属性，使用 `slice` 方法从 `originalArray` 中截取部分数组。
4. 在模板中，使用 `v-for` 指令遍历 `slicedArray` 并显示每个元素。
5. `slice` 方法不会修改原始数组，而是返回一个新的数组。 -->