过滤器:生活中有很多例子,净水器,空气净化器。实现数据的筛选,过滤和格式化
vue1.*版本是由内置的过滤器,但是在vue2.*所有的版本都已经没有自带的过滤器了
过滤器的本质就是一个有参数有返回值的方法
1.过滤器的创建
new Vue({
filters:{
mycurency:function(myinout){
return 处理后的数据
}
}
})
2.过滤器的使用
语法:<any>{ {表达式 | 过滤器}}<any>
举个例子
<h1>{ {myprice | mycurrency}}</h1>
3.过滤器的高级用法
在使用过滤器的过程中,还可以指定参数,来告诉过滤器按照参数进行数据的过滤
①如何给过滤器传参
<h1>{ {myprice | mycurrency("¥")}}</h1>
②如何在过滤器中接收到?
filters:{//myinput是通过管道传来的数据。arg1是调用过滤器时圆括号中