Vue.filter过滤器

Vue.filter( id, [definition] )

• 参数

1. id：string
2. [definition]：functiotn

• 注册或获取全局过滤器

// 注册

Vue.filter('my-filter',function(value){
	//返回处理后的值
}

// getter 返回已注册的过滤器
var filter = Vue.filter('my-filter')

• 过滤器可以用在双花括号和v-bind表达式

 // 双花括号
 {{message | capitalize }}

// v-bind
<div v-bind:id="rawId | formatId"></div>

• 组件选项中自定义本地过滤器

filters:{
	
	capitalize :function(value){
	....
}
}

• 创建Vue实例之前全局定义过滤器

Vue.filter('capitalize ',function(value){
	...return  
})

var vue = new Vue({...})

全局过滤器和局部过滤器重名时，优先采用局部过滤器