Vue过滤器如何将数据格式化为长尾？

本文共计782个文字，预计阅读时间需要4分钟。

一、本节说明在使用插值表达式时，我们常会遇到一种需求，即将数据格式化。VUE的过滤器实现参考了Linux shell命令的管道管理原理：即上一个命令的输出成为下一个命令的输入。

即上一条命令的输出，是下一条命令的输入。

一、本节说明

在使用插值表达式的时候，我们通常会有一种需求，就是将数据进行二次的格式化。VUE的过滤器的实现参考了linux的shell命令的管道的实现原理：即上一个命令的输出，是下一个命令的输入。
所以过滤器可以串接使用：{{数据 | 过滤器A | 过滤器B}}

除了在插值表达式中可以使用过滤器，在后文中将要学习到的v-bind指令中也可以使用过滤器。用法是一致的，到时候我们再看一看。

二、 怎么做

全局过滤器（定义一个用于做日期格式化的过滤器）

• 过滤器的第一个参数是固定的，就是输入的数据。对于{{message|date-format('yyyy-mm-dd')}}而言，参数input=message，即“|”管道符之前的数据输出，作为过滤器的输入数据。
• 过滤器除了第一个参数固定是“管道输出”，其他的参数根据需要自定义。在传参的时候，从第二个参数开始传入即可。