使用vue获取数据时，共有7条数据，但是我只需要前两条，怎么处理

[看着是个昵称]

在数据里，两处地方用到同一个数据列表，其中有一个地方，只需要两条数据，但是json文件里面有7条，应该怎么获取前两条，或者任意两条数据

[dislido]

利用computed属性计算获取

[前端-珊珊]

如果长度>2的其他部分不显示就好了

[看着是个昵称]

谢谢大家，方法都很好

[风青云]

<ul id="example">
  <li v-for="(item, index) in items" v-if='index<2'>
    {{ index }} - {{ item.message }}
  </li>
</ul>

像这样取得数组的索引，v-if或v-show根据index判断两条之后的都不显示，或者在computed中处理一下循环的数组

[functionsub]

直接用limitBy过滤器不就行了？

<!-- 只显示开始 10 个元素 -->
<div v-for="item in items | limitBy 10"></div>
<!-- 显示第 5 到 15 元素-->
<div v-for="item in items | limitBy 10 5"></div>

这个vue1里的写法，vue2自己找一下吧。

[风青云]

vue 2.0 之后limitBy被计算属性代替, 官方的例子：

<p v-for="item in filteredItems">{{ item }}</p>

computed: {
  filteredItems: function () {
    return this.items.slice(0, 10)
  }
}

https://vuefe.cn/v2/guide/migration.html#v-for-范围值-变更

[风青云]

引用 5 楼 qqcloth 的回复:

vue 2.0 之后limitBy被计算属性代替, 官方的例子：

<p v-for="item in filteredItems">{{ item }}</p>

computed: {
  filteredItems: function () {
    return this.items.slice(0, 10)
  }
}

https://vuefe.cn/v2/guide/migration.html#v-for-范围值-变更

是在过滤器那块 https://vuefe.cn/v2/guide/migration.html#插入文本之外的过滤器-移除