过滤器
小于 1 分钟
过滤器是对vue表达式结果的进一步处理,依次执行进行过滤,全部过滤完的结果作为实际表达式的值。
过滤器 filters 适用于简单的逻辑处理,例如:对一些数据进行格式化显示。他的功能完全可以使用 methods, computed 来实现。
语法: vue表达式 | 过滤器名(附加参数) | ... 。
过滤器可以用在 插值语法 和 v-bind 指令中。
无附加参数时,
(附加参数)可省略。过滤器也是进行逻辑处理,和vue理念有违。在Vue3当中,已经将过滤器语法废弃了。
局部过滤器(filters 配置项)
filters : {
// 局部过滤器
过滤器名(val){
...
return filtedVal
},
// 前一次过滤结果传给 val,附加参数连接在val参数的后面
过滤器名(val, elsePara1, elsePara2){
...
return return filtedVal
}
}局部过滤器只在这个vue实例中可用。
全局过滤器
在构建任何Vue实例之前使用。
Vue.filter('filterA', filtFunc)
// filtFunc 同配置项