Vuejsのcomputedでsliceを使う方法

はじめに

メモ程度に置いときます。

成功したコード

home.vue

<template>
 <div v-for="group in limitedGroups" :key="groups.id">
  <h1>{{ group.name }}</h1>
 </div>
</template>
<script>
export default {
// めんどくさいんでAPI叩いてるところは省略します
 computed: {
  limitedGroups() {
   return this.groups.slice(0, 2)
  }
 }
}

失敗したコード

home.vue

<template>
 <div v-for="group in limitedGroups" :key="groups.id">
  <h1>{{ group.name }}</h1>
 </div>
</template>
<script>
export default {
// めんどくさいんでAPI叩いてるところは省略します
 computed: {
  limitedGroups: function() {
   return this.groups.slice(0, 2)
  }
 }
}

まとめ

特になし！
誰かの参考になればいいな。