过滤器函数

1.私有过滤器

过滤器必须要有一个return返回值，否之就会显示为空，但不报错

<div id="root">
        <p>message的值是：{{ message | capi }}</p> //这里的capi随便取名 符合要求就行
    </div>

过滤器函数中的形参val永远都是管道符“|”前的那个值

字符串中有charAT 方法 和 slice 方法

私有过滤器只能自己调用，其他的调用不了。

1. 全局过滤器

全局过滤器独立于每个vm实例之外

全局过滤器方法为 Vue.filter（）

Vue.filter( '方法名' , function(){}函数 )

//全局过滤器
        Vue.filter('capi',function(){
            //首字母大写
            const first = val.charAt(0).toUpperCase()
            const other = val.slice(1)
            return first + other
        })

注意：全局过滤器和私有过滤器同时存在时，按照就近原则,有自己的私有过滤器优先执行