Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示。

过滤器语法：Vue.filter('过滤器的名称', function(){})
过滤器中的 function ，第一个参数已经固定，永远都是过滤器管道符前面传递过来的数据。

私有过滤器

定义私有过滤器过滤器有两个条件：过滤器名称和处理函数
定义：

filters: {
  capitalize: function (value) {
    //函数体
  }
}

调用：
过滤器调用时候的格式 ：{{ name | 过滤器1的名称| 过滤器2的名称 }}

<td>{{item.ctime | capitalize(value)}}</td>

全局过滤器

在创建 Vue 实例之前全局定义过滤器
定义

Vue.filter('capitalize', function (value) {
 //函数体
})

注意：当有局部和全局两个名称相同的过滤器时候，会以就近原则进行调用，即：局部过滤器优先于全局过滤器被调用！

Last modification：July 31, 2018
© Allow specification reprint
If you think my article is useful to you, please feel free to appreciate