vue快速入门~必备基础知识(一)下~过滤器

过滤器指的是 在不改变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
})