[JavaScript知识库]Vue之Filter

Filter过滤器

过滤器的作用和使用场景

在使用插值表达式的时候，我们通常会有一种需求，就是将数据进行二次的格式化(比如日期的格式化)（再比如服务器给我们的商品的销量是1011000，我们给转化成101.1万的形式）
过滤器可以用在双花括号插值和v-bind表达式上(后者从2.1.0+开始支持)。

过滤器的个人理解

过滤器就像一个工厂对数据进行加工处理。

分类

全局过滤器和局部过滤器

使用方式-全局过滤器

通过Vue.filter（‘过滤器名字’，function（value）{ }）的方式
全局过滤器也可以使用封装的思想，建文件let DealFilters= value=>{}的方式，再导出引入

使用方式-局部过滤器

在vue实例中配置filter：{
过滤器名字（value）{}
}
这里的value的值在插值语法中取得的是前面的值，也可以使用ES6剩余参数，来传入多个参数（value，…args）

实现数字转换成金额保留小数点一位

sellCountFilter (value) {
        if (value < 10000) return value;
        return (value/10000).toFixed(1) + '万'
      }