html中调用

html中调用filter方法，参考官网 https://cn.vuejs.org/v2/guide/filters.html

<!-- 在双花括号中 -->
{{ message | capitalize }}
<!-- 在 `v-bind` 中 -->
<div v-bind:id="rawId | formatId"></div>

js中调用

引入Vue，直接用Vue.filter('xxx')调用

import Vue from 'vue';
export default {
    data() {
        return {};
    },
    created(){
        const myFilter = Vue.filter('queryString');
    }
};

使用this.$option 【推荐】

import Vue from 'vue';
export default {
    data() {
        return {};
    },
    created(){
        const myFilter = Vue.filter('queryString');
    }
};

使用this.constructor

export default {
    data() {
        return {};
    },
    created(){
        const myFilter = this.constructor.filter('queryString')
    }
};