vue过滤器主要用于对渲染出来的数据进行格式化处理。例如:后台返回的数据性别用0和1表示,但渲染到页面上不能是0和1我得转换为“男“和”女”,这时就会用到过滤器,还有商品价格读取出来的是普通数值,例如:230035,但我要在前面加个货币符号和千分分隔等,例如变成:¥230,035,都得需要vue过滤器
如何创建过滤器呢,跟创建自定义指令类似,也有全局和局部过滤器的形式
全局过滤器:
Vue.filter(‘过滤器名’,function(参数1,参数2,…) {
//………..
return 要返回的数据格式
})
局部过滤器:在组件内部添加filters属性来定义过滤器
fitlers:{
过滤器名(参数1,参数2,,…参数n) {
//………..
return 要返回的数据格式
}
}