vue 自定义过滤器

过滤器的作用

实现数据的筛选、过滤、格式化。

过滤器分为两种：局部过滤器和全局过滤器

局部

	//	过滤器的本质 是一个有参数 有返回值的方法
　　new Vue({
　　　　filters:{
　　　　　　名称:function(val){
　　　　　　　　return val + '处理后的数据'
　　　　　　}
　　　　}
　　})

全局

 Vue.filter('名称',(val,...args)=>{
    console.log(`需要过滤的数据是:${val}`)
    return val + ' 过滤器追加的数据'
  })

过滤器使用

语法：
　　<any>{{表达式 | 过滤器}}</any>
举个例子：
　　<h1>{{price | myCurrency}}</h1>

高级用法

在使用过滤器的时候，还可以指定参数，来告诉过滤器按照参数进行数据的过滤。

<h1>{{price | myCurrency('￥',true)}}</h1>


new Vue({
　　filters:{
　　　　//myInput是通过管道传来的数据
　　　　//arg1在调用过滤器时在圆括号中第一个参数
　　　　//arg2在调用过滤器时在圆括号中第二个参数
　　　　myCurrency:function(myInput,arg1,arg2){
　　　　　　return 处理后的数据
　　　　}
　　}
})