first

{{ arr | first }}

<div id="app">
  <p>{{ arr | first }}</p>
</div>
new Vue({
  el: '#app',
  data: {
    arr: ['foo', 'bar', 'baz']
  },
  filters: {
    first(arr) {
      if (!arr) return arr
      return arr[0]
    }
  }
})