Display list of articles with correspondant id

I would like to display only articles where id=1 in my view VueJS. Here is my code that display all articles with v-for :

<div v-for="exercise in exercises"
     v-bind:key="exercise">
     <h2>{{ exercise.name }}</h2>
</div>

Here is my datas :

[
    {
        "id": "1",
        "name": "Test1",
    },
    {
        "id": "2",
        "name": "Test2",
    },
    {
        "id": "1",
        "name": "Test3",
    }
]

So, is it possible to filter the datas by exercice[i].id for example ?

Thank you


or you filter your data in html with v-if

<template v-for="exercise in exercises" v-bind:key="exercise"
     <div v-if="exercise.id === 1">
        <h2>{{ exercise.name }}</h2>
     </div>
</template>

or you can create a computed data

computed: {
  filteredExercies: function () {
    return this.exercises.filter(i => i.id === 1)
  },
}