vue自定义过滤器

HTML代码：

<div id="app" >
	<input type= "text" v-model="msg" />
	{{msg | capitalize }}
</div>

JS代码：

var vm=new Vue({
	el:"#app",
	data:{
		msg:''
	},
	filters: {
		capitalize: function (value) {
			if (!value) return ''
			value = value.toString()
			return value.charAt(0).toupperCase() + value.slice(1)
		}
	}
})

全局定义过滤器

Vue.filter('capitalize', function(value){
	if(!value) return ''
	value = value.toString()
	return value.charAt(0).toUpperCase() + value.splice(1)
})

过滤器接收表达式的值(msg)作为第一个参数。 capitalize 过滤器将会收到msg的值作为第一个参数。