Как отфильтровать данные из родительского компонента в дочернем компоненте?

Question

У меня есть компонент, который отображает список данных, и я хочу отфильтровать этот список с помощью других фильтров, которые находятся в дочернем компоненте

Мне удалось сделать это с помощью «computed», но только когда я положил всев родительском компоненте.

Test.vue
<template>
   <div>
     <filtres />
     <garage v-for="g in garages" v-bind:gar="g" :key="g.id" />
   </div>
</template>
<script>
export default {
name: 'test',
components: {
  simplecomposant,
  garage,
  filtres
},
  data(){
      return{
        garages: [],
      }
  },
  mounted(){
      var self = this;
        axios.get('FETCHAPI').then(function (response)
        {
          self.garages = response.data.datas;
        });
  },
}   
</script>

Filtres.vue
<template>
  <div>
    <label><input type="radio" v-model="selectedCity" value="All" /> All</label>
    <label><input type="radio" v-model="selectedCity" value="1" /> City 1</label>
    <label><input type="radio" v-model="selectedCity" value="2" />City 2</label>
  </div>
</template>

<script>
export default {

  name : 'filtres',
  data(){
      return{
        selectedCity : "All"
      }
  },
}
</script>

garage.vue
<template>
  <li class="aeris-simple-li">{{gar.name}}</span></li>
</template>
<script>
export default {
  name : 'garage',
  props: {
      gar: {
         type: Object
     }
  },
}
</script>

Я хочу, чтобы при выборе фильтра (все, город 1, ...) он фильтровал данные "гаражей", которые находятся в родительском компоненте.