Vue.js 筛选器

示例

Vue.js允许您在表达式的末尾附加可选的“过滤器”,并用“竖线”符号表示:

{{ message | capitalize }}

在这里,我们message通过内置capitalize过滤器“插入”表达式的值,实际上这只是一个返回大写值的JavaScript函数。Vue.js提供了许多内置的过滤器,稍后我们将讨论如何编写自己的过滤器。

请注意,管道语法不是JavaScript语法的一部分,因此您不能在表达式中混合使用过滤器。您只能将它们附加在表达式的末尾。

过滤器可以链接:

{{ message | filterA | filterB }}

过滤器还可以接受参数:

{{ message | filterA 'arg1' arg2 }}

过滤器功能始终将表达式的值作为第一个参数。带引号的参数被解释为纯字符串,而未带引号的参数将被视为表达式。在这里,纯字符串'arg1'将作为第二个参数传递到过滤器中,表达式的值arg2将被评估并作为第三个参数传递。