过滤器的作用是使用插值表达式时，我们通常需要对数据进行二次格式设置。 例如日期的格式。 Vue的过滤器实现参考了Linux shell命令的管道实现原理。 也就是说，上一个命令的输出是以下命令的输入，Vue.js允许您自定义过滤器： Vue.js处理常见的文本格式，过滤器可用于方括号内插和v-
在全局过滤器和本地过滤器中，通过全局注册和本地注册两种方法注册过滤器。
的筛选函数，接受表达式的值作为第一个参数。 滤波器也可以串联连接。 {{消息过滤器} }也就是说，{{数据过滤器A |过滤器B }}过滤器是JS函数，因此可以接受参数。 {{message|filtera (，arg2) }}除了可以对插值表达式使用过滤器外，还可以对v-bind指令使用过滤器，并与其用法一致。
来看看实际的应用例子吧。 先看看效果图吧。 下图：
模板上的代码为以下：
data的数据如下。
苹果数量减少到0后，给与背景色为红色的禁止样式：
写本地滤波器并接收两个参数：
让我们看一下全局过滤器的例子。 最终效果图如下：
代码如下图：
如果不进行滤镜处理，则显示的日期为wed apr 22202336041336034 GMT 0800 (中国标准时间)，但经过滤镜内的回调函数处理后显示为2020-04-22 23:41:34