vue只获取数据前几项

你可以使用 Vue的计算属性和数组的 `slice` 方法来实现只获取数据前几项。首先，将你的数据存储在一个数组中，然后在 Vue 实例中定义一个计算属性，该属性使用 `slice` 方法截取数组的前几项。下面是一个简单的例子：

<template>
  <div>
    <ul>
      <li v-for="item in limitedItems" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: 'Item 1' },
        { id: 2, name: 'Item 2' },
        { id: 3, name: 'Item 3' },
        { id: 4, name: 'Item 4' },
        { id: 5, name: 'Item 5' }
      ],
      limit: 3 // 设定限制的数量
    };
  },
  computed: {
    limitedItems() {
      return this.items.slice(0, this.limit);
    }
  }
};
</script>

在上面的例子中，我们使用 `v-for` 指令遍历 `limitedItems` 数组，这个数组只包含了前 `limit` 项的数据。通过更改 `limit` 的值，你可以控制显示的数据项数目。