过滤器

Vue.js 允许你将可选的过滤器附加到表达式的末尾，用管道符号表示：

{{ message | capitalize }}

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

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

过滤器可以链接：

{{ message | filterA | filterB }}

过滤器也可以带参数：

{{ message | filterA 'arg1' arg2 }}

filter 函数始终接收表达式的值作为第一个参数。引用的参数被解释为纯字符串，而未引用的参数将被计算为表达式。这里，普通字符串'arg1'将作为第二个参数传递给过滤器，表达式 arg2 的值将被评估并作为第三个参数传入。