vue 过滤器基本用法

使用地点:双花括号插值和v-bind表达式。

{{ message|capitalize}}

new Vue({
	el:"#app",
	data:{
		message:"pwd"
	},
	filters:{
		capitalize:function(value){
			return value+'a'
		}
	}
})

注意:过滤器函数接收的第一个值是message,依次是传的值。
过滤器是可以叠加的,后面过滤器接收前面过滤器的返回值。


var app=new Vue({
	el:"#app",
	data:{
		pwd:"pwd"
	},
	filters:{
		capitalize:function(value,x,y){
			return value+x+y;
		},
		gl:function(value){
			value=value.toString();
			return value.toUpperCase();
		}
	}
})



你可能感兴趣的:(Vue)