vue 过滤器 filters

重点：

在vue 3.x 中，过滤器已移除，且不再支持。取而代之的是，我们建议用方法调用或计算属性来替换它们。

再2.x中

用于数据输出之前的处理，添加小数点，四舍五入，数据截取类似的处理。

分为全局过滤器与私有过滤器。

下面是私有过滤器的方式。

视图层

<div>
    {{a|tofixed}}
</div>

script

filters:{
    tofixed(val){
        returen val
    }
}

filters 属性用于存放过滤器，和data 与methods 平级

过滤器是一个方法，可以传递参数，第一个参数是固定的，表示要处理的变量，表示管道符前面的变量，表示此过滤器处理什么数据。

过滤器是必须有return属性的。

过滤器 使用的竖线又称为管道符，竖线后面就是过滤器的名字，竖线前面（a）就是传到过滤器里面的val值。

过滤器传递参数方式

<div>
    {{a|tofixed(2,'data')}}
</div>

filters:{
    tofixed(val,data1,data2){
        returen val
    }
}

data2 与data1就是过滤器定义的两个形参，接收传递的数值。

过滤器的形参从第二个参数开始。