vue中的过滤器filters

filters过滤器有可以很方便的处理数据，格式化数据，简化代码的特点。定义的过滤器只能在只能在{{}}表达式和v-bind指令中使用。

过滤器可以分为组件私有过滤器和项目全局过滤器，它们的定义方式类似于自定义指令。

一：私有过滤器（在filters中定义，只能在组件内部使用）

<span>{{ date | capitation }}</span>     //capitation 就是过滤器函数，date 就是需要被capitation过滤的数据


filters:{
    capitation (val){    //定义的过滤函数，形参val是使用过滤器是|前面的待过滤数据
        return val/2;     //将处理好的数据，返回
    }  
}

二：全局过滤器：(在main.js中定义，一次定义，项目中所以组件都可使用)

Vue.filter("capitation",(val)=>{
    return val/2;
})

注：filters过滤器是vue2的语法，vue3是不存在filters过滤器的说法。