Vue.js学习系列（二十二）--过滤器

Vue.js允许你自定义过滤器，被用作一些常见的文本格式化。由"管道符"

{{ message | capitalize }}

new Vue({

el: '#app',

data: {

message: 'code'

},

filters: {

capitalize: function (value) {

if (!value) return ''

value = value.toString()

return value.charAt(0).toUpperCase() + value.slice(1)

}

}

})

运行结果如下：

由显示结果可以看出，输出的结果code第一个字母是大写的。

过滤器可以串联：

{{message|filterA|filterB}}

过滤器是JavaScript函数，因此可以接受参数：

{{message|filterA('arg1',arg2)}}

这里，message是第一个参数，字符串'arg1'将传给过滤器作为第二个参数，arg2表达式的值将被求值然后传给过滤器作为第三个参数。