vue2.0过滤器的使用

vue 过滤器的作用就是将数据进⾏⼆次处理 , 得到我们想要的结果数据

vue 的过滤器分为两种 , 第⼀种是全局过滤器 , 通过 vue.filter 来进⾏定义 , 第⼆种是局部过滤器 , 需要定义在组件内部

先说一下全局过滤器 ：

该方法在main.js中定义  
Vue.filter("filtime",(val)=>{//全局过滤器 val谁调用就是谁  filtime随便取的名字
  return new Date(val).toLocaleString();//返回一个时间格式化函数
})

局部过滤器：

局部定义的过滤器写在filters{}内

filters:{//这个局部的过滤器都要写到这
         filtime(val){
             return new Date(val).toLocaleString();
         }
}

全局和局部过滤器使用方法都一样：

使用方法<div class=''>{{time|filtime}}</div> 管道符|filtime名字
time|filtime这里time用到所以(val)指的是time