vue 过滤器 filter

作用？

被用于一些常见的文本格式化，如：图片路径拼接

使用

局部定义

filters: {
  capitalize: function (value) {
    return     value + '哈哈'
  }
}

全局定义

Vue.filter('capitalize', function (value) {
   return     value + '哈哈'
})

使用

this.message  = '小青'

{{ message | capitalize}} //  小青哈哈
{{ message | capitalize | capitalize}} //  小青哈哈哈哈


 //  小青哈哈

当然filter是函数，是函数就可以传入参数，如：

filters: {
  capitalize: function (value,val1,val2) {
    return     value + '哈哈' + val1 + val2
  }
}
this.message  = '小青'

{{ message | capitalize('，不要','笑了')}} //  小青哈哈，不要笑了