元件內寫法

filters:{
    filter:function(data,arg1,arg2){
        return ....
    }
}

全域性寫法

filters('filter',function(data,arg1,arg2){
    retrun ....
})

1.在html中使用

{{ msg | filter('arg1','arg2') }}
// msg對應函式中的第一個引數data，arg1為第二個引數，類推

2.methods中使用，並傳參

methods:{
    fn(){
        let filter = this.$options.filters['filter']
        let data = filter(this.msg,arg1,arg2) } }
 

3.在v-html中使用filters

<p v-html="$options.filters.filter(this.msg,arg1,arg2)"></p>

元件內寫法

filters:{
    filter:function(data,arg1,arg2){
        return ....
    }
}

全域性寫法

filters('filter',function(data,arg1,arg2){
    retrun ....
})
 

1.在html中使用

{{ msg | filter('arg1','arg2') }}
// msg對應函式中的第一個引數data，arg1為第二個引數，類推

2.methods中使用，並傳參

methods:{
    fn(){
        let filter = this.$options.filters['filter']
        let data = filter(this.msg,arg1,arg2) } }

3.在v-html中使用filters

<p v-html="$options.filters.filter(this.msg,arg1,arg2)"></p>