Vue.js 允许在表达式后添加可选的“过滤器 (Filter) ”,以“管道符”指示:
{{ message | capitalize }}
这里我们将表达式
message
的值“管输(pipe)”到内置的
capitalize
过滤器,这个过滤器其实只是一个 JavaScript 函数,返回大写化的值。
过滤器可以串联:
{{ message | filterA | filterB }}
|
过滤器也可以接受参数:
{{ message | filterA 'arg1' arg2 }}
|
过滤器函数始终以表达式的值作为第一个参数。带引号的参数视为字符串,而不带引号的参数按表达式计算。这里,字符串 'arg1'
将传给过滤器作为第二个参数,表达式 arg2
的值在计算出来之后作为第三个参数。