过滤器:( 在filters中定义一个函数,并且接收被过滤的值作为参数,然后返回一个结果 )
(1) vue2.0 取消了所有内置过滤器。
(2) 取消了对v-model,v-on的支持, 过滤器只能使用在{{}}标签找那个
(3) 修改了过滤器参数的使用方式,采用函数的形式而不是空格来标记参数。
1.可以在组件或者vue中注册局部过滤器:
new Vue({
filters : {
capitalize: function( value ){
if( !value ){
return “”
}
value = value.toString();
return vlaue.charAt(0).toUpperCase() + value.slice(1)
}
}
});
2.注册全局过滤器
Vue.filter(‘capitalize’, function( value ){
if( !value ){
return ‘’;
}
return value.charAt(0).toUpperCase() + value.slice(1);
} );
(4) 被过滤的值默认为第一个参数,可以使用vue对象的值作为其他位置的参数,如:
{{ message | filterA | filterB }}
{{ message | filterA( ‘arg1’, arg2 ) }}