v-forで回したループ内で v-if 判断したい時って

 filterBy とか使えば簡潔にかけたのか

v-for で回して v-if で判断するってコードってままあるけど、
v-for内部は純粋なjsであろうから、v-ifではなくて filterBy 使えばよかったのかね。学んだ。

条件に一致したオブジェクトのみ表示するコード例

<tr v-for="object in objects | filterBy search_word in 'name'">
<td>{{ object.name }}</td>
</tr>

追記

もしくは、comptued を使うことも考えられるか。

<div v-for="(item, index) in myList"></div>

{
comptued: {
  myList () {
    return this.originArr.filter(elm => ... )
  }
},
data () {
  return {
    originArr: [...]
  }
}