Exemplo criação e uso de filtro dentro do componente

App.vue

<template>
  <div id="app">
    <h1>{{ distanciaMetros | distancia }}</h1>
    <h1>{{ distanciaMetros2 | distancia }}</h1>
  </div>
</template>

<script>
const distanciaFilter = (metros) => {
  const distancia = parseFloat(metros).toFixed(2)

  return metros >= 1000 ? `${(distancia / 1000).toFixed(2)} KM` : `${distancia} M`
}

export default {
  name: 'app',
  data: () => ({
    distanciaMetros: 310,
    distanciaMetros2: 3030
  }),
  filters: {
    distancia: distanciaFilter
  }
}
</script>