什么是过滤器

什么是过滤器
     对文本的格式化处理，常用于 时间、金额的过滤
     分为 全局的过滤器 和 局部过滤器
     

 
     局部过滤器：
        就是在vue和data同一级：
        filters: {
            过滤器1（）{},
            ....
        }
        
    全局的过滤器：
        Vue.filter(过滤器的名称,回调函数)
        
        过滤器的使用
        要使用过滤器过滤某个数据  数据 | 过滤器的名称
        
        过滤器注意事项
        1. 过滤器没有this指向
        2. 过滤器的第一个参数是 管道符 前面的数据,接下来的参数  数据 | 过滤器的名称（第二个参数，第三个参数，。。。。）
        3. 过滤器可以串联使用,下一个过滤器的参数 是上一个过滤器的返回值

代码如下：

<template>
  <div>
     <h1>时间：{{methodTime(time)}}</h1>
     <h1>{{comTime}}</h1>
     <h1>过滤器：{{time | filterTime(1,2) | filterhaha | filterheihei}}</h1>
  </div>
</template>

<script>
    export default {
        data:function(){
            return {
                time: 1659507273885
            }
        },
        filters:{
            filterTime(time,a,b){
                // console.log('filter--this',this,a,b)
                console.log('filter--参数',time,a,b)
                let time1 = new Date(time)
                return time1.getFullYear() + '-' + (time1.getMonth()+1)
            },
            filterhaha(time){
                return time + 'haha'
            }
        },
        methods:{
            methodTime(time){
                let time1 = new Date(time)
                return time1.getFullYear() + '-' + (time1.getMonth()+1)
            }
        },
        computed:{
            comTime(){
                let time1 = new Date(this.time)
                return time1.getFullYear() + '-' + (time1.getMonth()+1)
            }
        }
    }
</script>