vue过滤器如何使用

1、1. vue基础过滤器：vue有很多基础的过滤器和链式过滤器，这些过滤器通常会使用管道标志 “ | ”，如图所示，即将字符串全部变成大写，更多的过滤器可以上官网进行查看。

2、2. 自定义全局vue过滤器：我们可以依据vue的基础过滤器，来自定义过滤器，如图所示，我们可以使用一些基础的语法定义过滤器，对数据进行处理。

3、3. 自定义局部vue过滤器：除了全局vue过滤器，我们还可以定义局部vue过滤器，与全局vue过滤器不同的是，局部过滤器只能在自定义范围内使用，定义内容基本同全局过滤器。

4、4.vue过滤器的使用：过滤器基本有两种使用方式， | 管道过滤器，如图1所示，前面已经介绍过了，链式过滤器，简单说就是一个过滤器的输出成为下一个过滤器的输入，然后再次过滤。如下图。

5、5.下面介绍几种常用的vue过滤器实现。图1是将元素打乱，图2是返回队列中最小值，图3和图4分别是返回数组的首项和末项。多看看官网，最好自己写一个自定义过滤器，增强记忆。