vue ---- filter(vue2才有)

{{ message | capi }}

私有过滤器的使用： 定义到vue实例中的过滤器都是私有过滤器

    <div id="app">
        <!-- 通过 | 可以获取到待处理的参数值 -->
        {{ message | capi }} 
    </div>

 const vm = new Vue({
     el: '#app',
     data: {
         message: 'hello vue'
     },
     filters: {
     	//通过形式参数，可以获取到 管道符前面的值作为参数
         capi(val){
         	 //需要返回一个操作后的值，这里是将首字母变大写
             return val.charAt(0).toUpperCase() + val.slice(1);
         }
     }
 })

多个vue实例之间共享过滤器

//独立于 vm 实例之外
//vue.filter() 方法接收两个参数
// 全局过滤器的名字
// 处理函数

Vue.filter('capitalize',(str) => {
	return val.charAt(0).toUpperCase() + val.slice(1) + '~~';
})

如果都有定义，就近原则

可以连续调用多个过滤器
{{ message | filterA | filterB }}

过滤器可以传递参数
{{ message | filterA(arg1,arg2)}}
接收过滤器的参数需要从第二个参数开始
vue.filter(‘filterA’,(msg,arg1,arg2) => {})