过滤器的本质是一个函数,接受管道府前面的值作为初始值,同时也接受额外的参数,返回值为经过处理后的输出值。
多个过滤器之间也可以进行串联。
例如:
{{ message | capitalize }}
{{ message | filterA 'arg1' 'arg2' }}
{{ message | filterA | filterB }}
过滤器注册
Vue.js提供了全局方法Vue.filter()注册一个自定义过滤器,接受过滤器ID和过滤器函数的两个参数
动态参数
过滤器除了能接受单引号(‘’)括起来的参数外,也支持接受在vm实例中绑定的数据,称之为动态参数。使用区别就在于不需要用单引号将参数括起来。
过滤器在Vue.js2.0中的变化
- 取消了所以内置过滤器,即capitalize,uppercase,json等
- 取消了对v-model和v-on的支持,过滤器只能使用在{{}}标签中(所以双向过滤器在Vue.js中不可用)
- 修改了过滤器参数的使用方式,采用函数的形式而不是空格来标记参数,例如:{{date | date('yyyy-MM-dd')}}