vue 过滤器

过滤器概念

Vue.js 允许你⾃定义过滤器，可被⽤作⼀些常⻅的⽂本格式化。过滤器可以⽤
在两个地⽅：mustache插值和v-bind表达式。过滤器应该被添加在JavaScript表
达式的尾部，由“管道”符指示。

作用

在我们⻚⾯显示值之前加⼀层过滤，展示我们过滤后的值

使用方法

n {{变量 | 过滤器名}}
n {{变量 | 过滤器 | 另⼀个过滤器}} 可以同时使⽤多个过滤器，后⾯过滤器的data
就是前⾯表达式传过来的值

语法定义

全局

通过Vue提供的filter⽅法定义：Vue.filter()
参数：过滤器的名字或过滤器执⾏函数

私有

filters这个是实例化Vue的⼀个参数，和data,methods平级的，⾥⾯放的就是
我们这个实例的私有过滤器。

注意事项

1. 函数的第⼀个参数都是data，也就是我们要过滤的值。
2. 过滤器可以⾃定义⼀些参数。
3. 过滤器函数的返回值就是最终显示的值