Vue 如何定义一个过滤器

全局过滤器

• 位置：创建实例之前
• 语法如下

Vue.filter('过滤器名称',function(val){//val 表示需要处理的值
return val + 4; //返回处理后的数据
})

局部过滤器

• 只能在当前 vue 注册内容中使用
• 位置：在 vue 实例中与 el 属性 data 属性同级定义
• 语法如下

filters：{ "过滤器名字":function(val){
return 输出内容
}}

过滤器的调用方法

{{msg | 过滤器名称 }}

注意事项：
1.定义全局过滤器，必须放在 vue 实例化前面
2.在没有冲突的前提下，过滤器可以串联