25. 过滤器

vue允许自定义过滤器，可用于文本的格式化，过滤器可用在{{}}或者v-bind表达式上，它应该被添加在表达式尾部，由|符号表示。

{{ message | capitalize }}

你可以在组建的选项中定义本地的过滤器：

filters: {
  capitalize: function (value) {
    if (!value) return ''
    value = value.toString()
    return value.charAt(0).toUpperCase() + value.slice(1)
  }
}

或者创建全局的过滤器

Vue.filter('capitalize', function (value) {
  if (!value) return ''
  value = value.toString()
  return value.charAt(0).toUpperCase() + value.slice(1)
})

new Vue({
  // ...
})

过滤器还可以串联

{{ message | filterA | filterB }}