SOURCE

new Vue({
  el: '#filter',
  data: {
    string: 'hubeiren',
    food: 'rice'
  },
  filters: {
    capitalize (val) {
      val = val.toString()
      return val.charAt(0).toUpperCase() + val.slice(1)
    }
  }
})

<div id="filter">
  <div>{{ string }}</div>
  <div>{{ string | capitalize }}</div>
  <div>{{ food }}</div>
  <div>{{ food | capitalize }}</div>
</div>