vueフィルタの基本的な使い方

810 ワード

使用場所:二重カッコ補間と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();
		}
	}
})