vue过滤器的定义及使用

过滤器作用
用于文本格式化
使用位置
差值表达式和v-bind表达式
定义方式

1、全局过滤器

Vue.filter('guolv', function(msg, ar) {
// guolv过滤器名称
//msg为第一个参数为需要处理的数据
//ar为第二个参数是传递过来的值
});

2、私有过滤器

filters: { //定义私有过滤器 过滤器名称+处理函数
guolv: function(msg) {
}
}

调用方式
1、差值表达式调用

<h3>{{msg | guolv('lala')}}</h3>

2、v-bind调用

<input type="text" v-bind:value="msg | guolv">

注意事项
1、过滤器调用采用就近原则，如果名称一样，那么优先使用私有过滤器。
2、全局过滤器需要定义在vue实例前面