vue中过滤器的使用

在实际项目中遇到一些对数据处理 复用率比较高的时候 可以用到计算属性,或者在methods封装一个方法,
但是有时候使用过滤器也是可行的

案例： 我的item.img数据为 “http://p1.meituan.net/w.h/movie/648bbced128324a4b4ccf7db6c564a251744344.jpg”
现在要把其中的 /w.h/ 替换成 宽和高

全局定义一个过滤器,局部定义也是可行的,这里我就直接在main.js里创建的

Vue.filter('setWH',(url,arg)=>{
  return url.replace(/w\.h/,arg);
})

在 组件里调用

<img :src="item.img | setWH('128.180')"> 

这是过滤器参数说明，vue官网里截图

所以 item.img是第一个参数 ,‘ 128.180’ 是第二个参数,一开始没有看文档 觉得这个传参方式很奇怪,现在知道了.