Vue系统学习之过滤器

如果是vue文件格式使用

{{变量 | 过滤方式 ("参数一" "参数二" "参数三")}}

过滤器：把原来的数据加工一下

格式：格式{{变量 | 过滤方式 "参数一" "参数二" "参数三"}}

重点：

1. 常用过滤器
2. 自定义过滤器
3. 自定义过滤器之双向过滤器

1.常用过滤器

• capitalize:首字母变大写
• uppercase:所有字母大写
• lowercase:所有字母小写
• currency:变成货币形式   

传参{{money | curreny 'Y' '3'}}
第一个参数货币符号
第二个参数几位小数

• pluralize:英文有复数，加S

{{msg | pluralize '收到了叫跨时代'}}
结果是：msg 收到了叫跨时代s

如果是数组，第一个没有s,第二个才有

数组可以有多个变量，循环取参数，一旦第二次出现，后续所有都会加s

• debounce:等待处理

@click='add | debounce "5000"'
延迟5000毫秒执行

• limitBy:截区参数，第一个参数：截取几个，第二个参数从第几个开始
• filterBy::过滤到没有关键字的.

第一个参数只会出现指定字母的数据
v-for=' a in array | filterBy "a"'
v-for=' a in array | filterBy "a" in "name"'

• orderBy:排序 

2.自定义过滤器

第一个是值，第二个是参数1，第三个是参数2
Vue.filter('leo,function(val){
	return val; 
})

3.双向过滤器

Vue.filter('',{
	read:function(){
	},
	write:function:function(val){
	}
})