Vue中的过滤器(filter)

过滤器（filter）它是输送介质管道中不可缺少的装置。通俗地说，它是过滤掉一些不必要的东西。过滤器本质上不会改变原始数据，而是在处理数据后返回过滤数据进行调用。我们也可以理解它是一个纯函数。

本地过滤器在组件选项中定义

定义全球过滤器：

注：当局部过滤器与局部过滤器重名时，使用局部过滤器

过滤器函数总接收表达值 (之前操作链的结果) 在上述例子中，capitalize过滤器函数将会收到message作为第一个参数

可串联过滤器

在这个例子中，filterA被定义为接收单个参数的过滤器函数，表达式message该值将作为参数传输到函数中。然后继续调用过滤器函数，也定义为接收单个参数filterB，将filterA结果传递到filterB中。

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

这里，filterA过滤器函数被定义为接收三个参数。

其中message作为第一个参数，普通字符串'arg1'表达式作为第二个参数arg2作为第三个参数

举个例子：

小结：

• 部分过滤器优先于全局过滤器
• 多个过滤器可用于表达式。过滤器之间需要管道符|隔离。执行顺序从左到右

三、Vue过滤器应用场景

在日常开发中，有许多地方需要使用过滤器，如单位转换、数字管理、文本格式化、时间格式化等

例如，我们必须实现3万 => 在这个时候，我们需要使用过滤器