filter过滤器

在filters节点下定义过滤器，称之为 "私有过滤器" ，因为它只能在当前vm 实例所控制的el 区域内使用 ，如果需要在实例之间共享过滤器，可以定义全局过滤器。

            1、私有过滤器：filters节点之下如

//过滤器可以多个一起用
<div> {{ message | name(key1,key2) | name2 | name3 }} </div>

export default {
    data() {
        return {
            message: '1024快乐'
        };
    },

    filters: {

        //val 是用来接收默认值message的，只有key1,2开始才是接收的name传递的值key1,2
        name(val,key1,key2) { 
            
            return val.slice(0, 4)
        }

    }

};

        2、全局过滤器：vue.filter('name',function(){})

//val 是用来接收默认值message的，只有key1,2开始才是接收的name传递的值key1,2
    vue.filter('name',function(val,key1,key2){
        //过滤的代码逻辑
        if (!val) return ''
        return value.slice(1)
})