过滤器指的是 在不改变data的情况下输出需要的格式数据。

基本的调用方法  一个过滤器 

{{ message | filterFun }}
new Vue({
 //...
  filters:{
      filterFun:function(value){
          return value
      }
  }
})

在一个{{message}}的模板里添加多个filter函数对message处理。

filter函数可以传多个函数。但是函数默认第一个参数是当前的message的value.所以要注意,自定义的参数是从第二位开始传的。

 

{{ message | filterFun1(sta1,sta2),filterFun2(sta1,sta2)}}

 

new Vue({
 //...
  filters:{
      filterFun1:function(value,sta1,sta2){
          return value
      }
      filterFun2:function(value,sta1,sta2){
              return value
      }
  }
})

全局过滤器

上述的都是定义在vue对象里的。但是有些不同的页面会用到相同的过滤器,则需要全局定义过滤器。格式:

{{ message | filterFun }}
Vue.filter('filterFun', function (value) { 
    return value
})